﻿Anthony Faiola pentru print și web design INSTITUTUL DE NOI TEHNOLOGII DE BIBLIOTECA DESCHISĂ DE EDUCAȚIE http -'/www ntoo ru Sankt Petersburg "BHV-Petersburg" UDC BBC F Fayola E F Fonturi pentru imprimare și web design - Sankt Petersburg: BHV-Petersburg, - p : ill ISBN - - -X Cartea este dedicată aspectelor teoretice ale tipografiei și proiectării paginilor pentru imprimare și sisteme Web Este oferită o prezentare istorică a fonturilor euro-americane și rusești Sunt discutate principiile designului fonturilor și aplicarea lor în tipărire și design web Sunt discutate caracteristicile fonturilor și dependența aspectului paginii de aceste caracteristici Sunt descrise teoria culorii și influența acesteia asupra percepției textului O atenție deosebită este acordată problemelor de Web-design: asigurarea clarității vizuale a informațiilor, recunoașterea și gestionarea conținutului site-ului Sunt oferite sfaturi pentru a crea un site web orientat spre utilizator Pentru profesioniști în prepress și web designeri UDC BBC Echipa de publicare: Editor sef Cap editorial Traducere din engleză Editor științific Editor Dispunerea computerului Corector Design de serie Design copertă manager de producție Ekaterina Kondukova Anna Kuzmina Boris Jelvakov Serghei Ponomarenko Leonid Konin Olga Sergienko Zinaida Dmitrieva Prin Design Igor Tsyrulnikov Nikolay Tverskikh ID licență Ne din Semnat pentru imprimare Format x OOCv Imprimare offset Conv cuptor l Tiraj eka Ordinul nr "BHV-Petersburg", , Sankt Petersburg, Izmailovsky pr , Concluzie igienă pentru produse, mărfuri Nr D din martie , emisă de Departamentul Serviciului Sanitar și Epidemiologic de Stat al Ministerului Sănătății al Rusiei Tipărit din folii transparente gata făcute la Imprimeria Academică "Nauka" RAS , Sankt Petersburg, linia , ISBN - - -X (c) Fayola , (c) Design, editura "BHV-Petersburg", Conţinut Despre autor unsprezece Mulțumiri Cuvânt înainte Introducere Pentru cine este scrisă această carte Despre ce este această carte PARTEA L ISTORIA TIPOGRAFII Capitolul Dezvoltarea grafiei latine Scrierea primitivă Scrierea antică Tipografia medievală Literă gotică Tipografia Renaşterii Fonturi Antiqua vechi Fonturi de tranziție - Fonturile noului antic Fonturi de script Fonturi italice De la secolul al XV-lea la tipografia modernă Fonturi serif dreptunghiulare Fonturi sans-serif Capitolul Dezvoltarea fonturilor chirilice Nașterea alfabetului chirilic Dezvoltarea alfabetului chirilic Conţinut capitolul Fonturi decorative și noutate Tipografie din până în prezent PARTEA II BAZELE TIPOGRAFII capitolul Fonturi pentru imprimare și web-design Concepte de bază Font: litere, stiluri și litere de litere Opțiuni de font Greutatea fontului Înclinarea fontului Decorare suplimentară cu fonturi Fonturi cu pictograme Deformarea fontului Anatomia fontului Dimensiunile fontului Capitolul Sisteme tipometrice Puncte, spații și liniuțe Articole Vârfuri Agate DAR Spații în liniuțe em- și em Lățimea literelor, spațierea literelor și crentarea Lățimea literei Spații pentru litere Kerning Spațierea dintre cuvinte și linii Spații intercuvinte Spații de linii PARTEA III TEORIA VIZUALĂ A TIPOGRAFII Capitolul Elementele de bază ale grilelor modulare Designer și Grilă modulară Scopul grilelor modulare Formate de pagină și grile modulare Dreptunghi auriu Dreptunghi european pătrat japonez Dimensiuni de hârtie americane și europene Principii de construire a unei grile modulare Elemente de grilă modulare Lățimea difuzorului Conţinut Proporţiile de marjă Marjele unei singure pagini Marginile laterale exterioare Margini de sus și de jos Lățimea anterioară și a coloanei Numerotarea paginilor Font pentru textul corpului Capitolul Zona efectivă a ecranului Determinarea suprafeței efective a ecranului Zona eficientă și prezentarea rațională a informațiilor Proiectarea conținutului interesant Raportul secțiunilor paginii Fonturi pentru ecran Capitolul Principiile clarității vizuale Lizibilitatea Examinarea inteligibilităţii Analiza datelor primite Lizibilitate Fonturi ușor de citit Dimensiunea fontului și linia principală Capitolul Fragmentarea textului Marcaj semantic al textului Ierarhia vizuală Ierarhia percepţiei vizuale Ierarhia elementelor selectate Un exemplu de ierarhie tipografică Direcția mișcării ochilor Capitolul Teoria culorii Culorile subtractive și aditive Măsurătorile de culoare Înfloririle primare și secundare Culori terţiare şi monocrome Culori complementare și complementare Culori similare și procesate Preferințele utilizatorului de culoare Factori de selecție a culorii fontului Cunoaștere, experiență și intuiție: principiile de bază ale selecției culorilor Recomandări de bază de culoare Evidențierea textului Conţinut Capitolul Font numeric Curbele Bezier Fonturi PostScript Fonturi ThieType Mai multe fonturi Masters Gestionarea fonturilor PARTEA IV PROIECTAREA WEB A INTERFEȚEI GRAFICE DE UTILIZATOR Capitolul Managementul conținutului și structura informațională a site-ului Gestionarea conținutului Ce este gestionarea conținutului? De ce este atât de important managementul conținutului? Tipuri de conținut Probleme importante de gestionare a conținutului Procesul de management al conținutului Funcţiile principale ale procesului de management al conţinutului Caracteristici ale sistemului de management al conținutului Fluxurile de lucru și problema automatizării acestora Personalizarea conținutului Managementul activelor digitale Diferența dintre managementul conținutului și managementul active digitale Ce sunt activele digitale? Ce este DAM? Prezentare generală a aplicațiilor DAM Arhitectura informației Fundamente Ajutor! Sunt pierdut! Ce este Arhitectura Informației? Arhitecții informaționali Structurile site-ului web Structura secvenţială Structura grilei Structura rețelei (web) Structura ierarhică Link-uri către secțiune Capitolul Aspect general și proiectarea paginii Principii de bază ale esteticii și designului Aspect grilă Alinierea, poziționarea și asemănarea Conţinut Culoare Derularea și aranjarea informațiilor importante în partea de sus a paginii Metafore de interfață Gruparea meniurilor, indecșilor și obiectelor Probleme de navigare, organizare a legăturilor și căutare Principii generale ale navigaţiei Ajutoare și panouri de navigație Compararea textului cu navigarea grafică Hărți site-uri Link-uri și căutare în pagină Disponibilitate Claritate tipografică Informaţii generale Lizibilitatea Lizibilitate Fragmentare Vedere Opțiuni de text pentru cea mai bună lizibilitate Corespondența dintre limbajul sistemelor Web și lumea reală Acțiunile utilizatorului și controlul Consecvență și standarde Învață, nu memorează Management de conținut Plasarea informațiilor întâlnite rar Note suplimentare Manual și documentație "Tehnomor" Capitolul per utilizator și analiza sarcinilor Abordarea UCD Analiza sarcinilor Profilarea utilizatorului și analiza sarcinilor (fluxului de lucru) Scenarii de utilizare Defalcarea sarcinilor Pregătirea componentelor Crearea unui prototip static și dinamic Exemplu de prototipare rapidă Prototiparea dinamică Pre-lansarea produsului sau beta Link-uri către secțiune Capitolul Analiza utilizatorului și a sarcinilor Pregătirea componentelor Conţinut Prototiparea Crearea unui prototip static Crearea unui prototip dinamic Link-uri către secțiune Capitolul Cele zece principii ale designului centrat pe utilizator Legături PARTEA V METODOLOGII DE EVALUAREA EFICIENȚEI INTERFEȚELOR GRAFICE Capitolul Analiza euristică Evaluări de severitate pentru probleme de aplicabilitate Numărul de evaluări necesare Exemplu practic Exemplu de analiză euristică Acțiuni inițiale Cincisprezece euristici de aplicabilitate pentru web Transparența sistemului Corespondenţa dintre sistem şi lumea reală Controlul liber de către utilizatori și independența acestora Consecvența și conformitatea web Prevenirea erorilor Respectați principiul "învățare, nu amintire" Flexibilitate şi eficienţă Simplitatea și eleganța designului Ajutați utilizatorii să recunoască, să diagnosticheze și să corecteze erorile Manual şi documentaţie Claritate vizuală Plasarea textului într-un stil de piramidă inversată" Informațiile importante ar trebui să fie localizate în primul ecran Reducerea timpului de încărcare a paginii Formular pentru documentarea euristicii Capitolul Testarea aplicabilității bazate pe sarcini Trei instrumente de testare a aplicabilității Profilarea utilizatorilor: chestionar preliminar Aplicabilitate și instrucțiuni pentru sarcini Sondaj după chestionar (suplimentar) Chestionar pentru sondajul pre-sarcină Cele mai bune practici pentru estimarea timpului la efectuarea sarcinilor de către utilizator Conţinut Formularea și descrierea detaliată a verificării executării sarcinilor Formulare de descriere a sarcinii Chestionar post-sarcină Capitolul Definiție Beneficiile tehnicii "Gândește cu voce tare" Dezavantajele tehnicii "Gândește cu voce tare" Gândește-te cu voce tare Testarea și raportarea Efectuarea testului Capitolul Definiție Ţintă Proceduri de analiză critică mentală Formularea problemei Flux de lucru de analiză critică Exemplu de formular de evaluare Link-uri suplimentare Bibliografie Index de subiecte Despre autor Anthony Faiola, în prezent un cunoscut savant Fulbright și profesor asociat în medii noi la Școala de Informatică a Universității de Stat Indiana (campusul IUPU din Indianapolis), a parcurs un drum lung în educația profesională: de la un specialist în domeniul artelor plastice la un designer de comunicații vizuale, un specialist în grafică computerizată și tehnologii noi media Profesorul Faiola a primit o licență în Arte Plastice (BFA) în cadrul Departamentului de Arte Plastice de la SUNY (New Paltz) și, ulterior, a obținut trei diplome de master în Grafică, Medii Experimentale, Comunicații Vizuale și Grafică pe Computer În consecință, el a ocupat o varietate de poziții de design grafic, inclusiv Designer senior de coperți pentru manuale de grafică și colegiu pentru MagiIII Publishing, Director artistic corporativ pentru Design de produs și Managementul literaturii pentru Frigidaire și White-Westinghouse Corporations Educația versatilă și bogata experiență de lucru a lui Anthony Faiola s-au dovedit a fi foarte utile în perioada revoluției tehnologice globale Pe măsură ce abilitățile și abilitățile sale au crescut, a lucrat cu succes în mai multe domenii în același timp - a fost angajat în programul internațional de asistență pentru nevoiași, publicații, cercetare academică, formare și consultanță în firme comerciale La mijlocul anilor , Anthony și-a continuat studiile în Italia și Anglia În anii , a lucrat timp de șase ani în Rusia și Europa de Est, iar în și lege Despre autor a predat două cursuri ale programului de formare Fulbright la Facultatea de Grafică pe Computer a Institutului de Mecanică și Optică de Precizie din Sankt Petersburg În calitate de director de publicații internaționale pentru LME-Publicații și Grupul Umanitar, a condus biroul regional și sucursalele acestuia în nord-vestul Rusiei, Estonia, Letonia, Lituania și Belarus Participarea la programul Fulbright i-a oferit ocazia să țină prelegeri despre interacțiunea om-calculator, GUI-uri web și sisteme de publicare digitală, precum și să experimenteze în vizualizarea interculturală (pentru a îmbunătăți designul interfeței Web internaționale) Cărțile publicate de Anthony includ un manual de tipografie (un ghid de bază pentru designul tipografiei) și două manuale publicate de John Wiley & Sons în New York: Human-Computer Interaction: An Overview of Theories for User Interface Design and Usability, precum și această carte (original: New Media Basics: Understanding Message Design Theory in a Post-Information Society) Ambele manuale conțin materiale originale ale autorului În plus, Anthony este autorul multor articole de reviste, rapoarte științifice și programe de instruire pe calculator În prezent, Anthony se concentrează pe teoria noilor media, interacțiunile om-calculator și aplicabilitatea interfețelor Anthony este beneficiarul mai multor granturi și a primit numeroase premii de design De de ani face cercetări și consultanță în design grafic și grafică pe computer Peste de companii au folosit deja serviciile sale În , a primit premiul pentru absolvenți remarcabili la Finger Lakes New York Community College Mulțumiri Aș dori să mulțumesc oamenilor care fie m-au inspirat să scriu această carte, fie s-au implicat în crearea ei Traducătorul meu Andrey Nikulin pentru traducerea documentelor mici și pentru corespondența cu editorul; Editorilor GATF pentru permisiunea de a folosi unele părți ale cărții mele originale Typography Priter în text rusesc; Lidia Mikhailovna Korpan pentru cercetarea pe care a făcut-o pentru a colecta materiale despre istoria tipografiei ruse; Dr Vyacheslav Trofimovich Tozik (ITMO) pentru prietenia, inspirația, viziunea sa despre publicarea digitală și grafica pe computer în Rusia; rectorul Întreprinderii Unitare de Stat din Moscova, Alexander Maksimovici Tsyganenko, pentru prietenia sa și înțelegerea că tipăritul este una dintre industriile de vârf din Rusia; Olga Ro (MGUP) pentru prietenia și devotamentul față de studenții MGUP; Vadim Sergeev, director al editurii BHV Petersburg și Ekaterina Kondukova, redactor-șef al editurii BHV Petersburg, pentru munca lor comună la această carte Anthony Faiola &X • ' ■ • ■ g • nu *** -j M-іyOKYbDO'IAAZ GG ' J ' • ' '-• L- L "ty" ndek "kshikYay" - U-g i^#ab^"Y, A> ;Doamna II P / ' V x "lfed" •fias-! ' '^ "Chi'i" IIL''? ">ісЛЛ Axg Г ' 'P>- ' țW№* ■ ►' - •■'■• :\y >■■ -•::' ■■ • • :•>•" mi* ■■ ' : f "^* ' " f d h' j'^T L'"" TSESYACHV* -U|CH; '■ YAN !><>• :• g " n XXJ ^Н'С і t с ;^дсрЭ <> *йVШ>-^#chLі >• h; b dі?gl ic; G 'gs* ^yrі;іНХ ѵг: cu ", -• ' -D V" Profesor Asociat Școala de Informatică Programul Mijloace Noi IUPUI Indianapolis octombrie ІА * , *? î H П' X' z daca eu ' * ; r"*> : ' iT' ' -* W > FA ; ir j ' ' p *, rțr și VneСЯ -\r cîkUhh- ) ' tîH •' m> ,>r ► j, '-F : >nr^r-î?" r >• " ь ev" : • pw 'A' *" i'ChiiL-ChV h-LRchO' tu^lLS? Ch'i- T i'fc'pf •> M?Lsh^- X , L JJrM t • F o L °v D GI "ІІ ТІ':''"Ч Іуп" ct II ■ □ t parallch \\ Y * bol R k k □ l Ііopevz z L bufniță MM n apă MMM > NNJ > Sliin p VV w X Tut t h L * > l Ai £ - * Orez Comparația literelor antice din Orientul Mijlociu (cca î Hr ) Acest nou tip de scriere a stabilit o corespondență între sunete și semne (litere) și, dezvoltându-se treptat, s-a format până în anul î Hr e primul alfabet grecesc Acest fapt a influențat serios descifrarea hieroglifelor de pe Piatra Rosetta de către Jean Francois Champollion în , încă din Piatra Rosetta, care datează din î Hr e , are înregistrări paralele în hieroglife, scriere demotică (egipteană) și greacă (Fig ) Cealaltă metodă de scriere a necesitat și noi materiale de scriere, cum ar fi papirusul, care a fost folosit inițial de egipteni (Figura ) Vechii egipteni au creat un fel de hârtie din tulpini de papirus Deseori denumită "planta de hârtie", în apele calme atinge o înălțime de până la inci Tulpinile de papirus au fost, de asemenea, folosite pentru a face bărci și țesut de coșuri, papirus și acum este încă cultivată în părți ale Africii de nord și tropicale Capitolul Dezvoltarea scripturilor latine "yigmg^*ri:€yai^ai"?ig¥a :Ayazhly"| ^esi ^І^PULZDL-ZІYCHL'ІІІІGIG SLILIІ ІLLI^I^ : lvs а-ізфЗіС' :с$іэі *ІМІ ■**>• Al Yu j HA" III II l ""ICl" AM" lll-Oft Al I /ilHK tllli I fll) t ■ ilUUKI I | MAI* IA* l> HM * ІС A- | | AMAf | IC * KAM •• | II "p Y fc' "Ay"e* ІА г I II HAI IHA ■ ll*| IAy l*" Y UA II *"ț * •*■* I Al AMA f I IAC AA * * "*" *AHHI* l I ІЛІ A|l ■" ||*"* jp 'Xi AA" - MIIIIAI fl IAHIIHH IH fi I tlf І " '"|*y|| A) ||D| AAC * * * fX" 'IAItlil X* p"l" pil Mivyixț Hi I Іііrіunukі lAHf КАІНН de Y'j'Aț AYAI l*""M" AN lA'IUMI |l YUAІІМХ ШКА) ioy HM BAIf II AYI- A YAAIIA) MCh A* I II lll • KAKI NI I lX N( HI NAM' I AJl * f>A* HAlM НННІОНМ* pri'IIKI A Al A AM* KAI BAI fj * МІVГ Н Н >GAANDY НН >GAANDY Н НННІОНМ; -ț yAAIoi Y" l*"Y"' "TsOR KAI llMIH* HII* fl* H fAMA> I AAAIt KIlihAlMC H*""ll t|Ay| OHAY Hiyi"'' AY H>, eat І ІИ |>rt U"KA I Ay| |X"*" IA IAAIK I yAKAH Y-fr KAAt MAȚ Kip КАІА"|m M II H I l|'AA'| |*|M ZC * * HIMIA *K I M " " "Y ІНІ Н IHAIA"XHAYI""Y"H'MM AA 'K l"HAy ioy Y *IAH -X" KAM"YX l> "ll fAH f MAIt KAM yor IIH IK-flMlICt NM "•= oіс[УЦа> KAI IIAFA "ANAU HM ІІ АІОАКАОАР-KAI*(ț*t|i"f Itc A"x|>- MHBM I AAM *I A > * "AyiO^KAI "A"*B*IOII 'AH AIIAIt K * ІНН ! eu ■ "'|AAIA KAH Y"*J- K I IU • | "IAI "IN II- * A H"lf H " IIA- t III ItMKIAIIt I M MII H KATAHAf-ОуМС І AIAKLIMM *| KAI І ІIAI * " ț'l IA Il y |-fr CUM "-XelHTA -K Al A AJ HON | AfKA AA ■• AMANA*' JM* Orez Pergament grecesc: pagini ale Noului Testament (secolul al III-lea î Hr ) Capitolul Dezvoltarea scripturilor latine Orez Inscripții grecești pe amuletă cu o pasăre simbolică Orez Inscripții pe monedele grecești antice umjptedp mon nly ■ tsgm rssyah \n CHINSM Міѵ bhhmf (tm) •-*"■i/'vs • "'*• mfs h b -g "fANfAMLіMTs^A?"*', 'l dv sigon er b jBLm flmOpQRSSUVXTTZ Orez Alfabete romance franceze (sus) și romance englezești (jos) Până la și e scrisoarea romantică a căpătat un aspect din ce în ce mai gotic, care este cunoscut sub numele de Black Letter, sau, mai des, engleză veche perioada de la goticul târziu până la Renașterea timpurie ( - d Hr ), acest tip de scriere devine baza Partea / Istoria tipografiei în toată Europa să copieze atât manuscrise religioase, cât și laice Literă gotică Scrierea gotică (Black Leite r), cunoscută și sub numele de textură (Textura, text sau engleză veche), își are originile în caligrafie A fost creat de scribii germani în secolele IV-XV d Hr e Această scriere a predominat în nordul Europei de-a lungul Evului Mediu (Figurile și ) Ulterior, tipul gotic a fost folosit de Peter Schaeffer (Peter ShoeiTer) pentru Biblia Mainz cu de linii (Mainz Biye) de Johannes Gutenberg Goticul este considerat unul dintre cele mai ornamentale tipare, cu o mare varietate de Orez Călugăr-scrib din secolul al XIV-lea Capitolul Dezvoltarea scripturilor latine Orez Un desen din secolul al XV-lea înfățișând călugări scribi medievali lovituri în fiecare personaj Tipul gotic este uneori numit textură (textura) deoarece la o anumită distanță o pagină umplută cu astfel de tip seamănă cu textura unei țesături Astăzi, fonturile gotice sunt utilizate cel mai frecvent pentru materialele tipărite asociate cu evenimente tradiționale, cum ar fi nunți și absolviri, ritualuri religioase și unele documente oficiale menite să reflecte sau să stilizeze perioada medievală Iată exemple de fonturi gotice (Figurile I și ) În diferite țări, stilul gotic a dobândit proprietăți specifice, iar fonturile corespunzătoare și-au primit propriile nume În Italia, tipul gotic al perioadei timpurii a fost destul de rotunjit și, prin urmare, a fost numit rotundă (din italianul "rotondo" - rotunjit, rotund) Într-adevăr, rotonda italiană este mai largă decât oricare a "b Orez Font Vayuye Partea / Istoria tipografiei Orez font Cleresorg o altă scriere gotică și uneori este considerată o formă intermediară între gotic și Antiqua Poate că scriptul gotic rotunjit italian este unul dintre cele mai frumoase stiluri din întreaga istorie a caligrafiei europene Rotonda a fost folosită până în secolul al XV-lea În timp ce grafiile latine înlocuiau goticul în sudul Europei, în nordul Europei, în special în Germania, ele au continuat să existe sub forma "goticului târziu", care se caracterizează prin caractere mai largi și o lizibilitate mai bună decât a fost cazul în perioade mai timpurii (Fig ) RI MAG F nofert maiorrs pop fine ta fricos gogpapoi urlu "Us hip entm q tn mîla u" tnint tpnautorts g aui in, logo uerfantxtr m aiiauo robore muufti'i futile ut hcrculemț? l capumcate troian a fi quadrigento sun cerngenacecropedeuemes Ornn narrantur port Cecropem fuilTecor phxrhontu fcenduhnartuitas Ericl myfteaajEleufiniorâ confhruno f ioue:Appollmis partusrCadmiad t ilh Dionyfus ee Mtno :xfculapius cropem omnes fuerunr Quart omi fui (Te confirmatul* A moyfe uero and qumgencosac quintyannos compo Orez Text latin dintr-o carte din secolul al XV-lea Scrierea otică, numită fractură, a apărut la sfârșitul secolului al XV-lea, iar în a fost elaborat un font special pentru Maximilian Praybook, publicat Capitolul Dezvoltarea scripturilor latine la Augsburg la îndrumarea împăratului Maximilian (Fig ), cunoscut iubitor de carte Această carte a fost ilustrată de Durer (Durei), Cranach (Cranach), Burkmayr (Burgkmair) și alți artiști Albrecht Dürer, împreună cu un alt artist de tip german Leonhard Wagner, sunt adesea (și în mod eronat) numiți creatorii fracțiunii A fost stilul dominant în nordul Europei din secolul al XVII-lea până în secolul al XVIII-lea Impoaror Qbr Duuis Maxmubanus Pius TdixAuguftus Orez Portretul lui Kaiser Maximilian de Albrecht Dürer și o monogramă mărită a lui Dürer Tipografie renascentista În secolul al XV-lea, când oamenii Renașterii se gândeau la problemele profunde ale universului, primele Biblii tipărite (Fig ) de Johannes Gutenberg (Fig și ) erau deja disponibile peste tot în Germania Partea L Istoria tipografiei jJwJofur ( ) " hl PV bțpttJeР"ІЦ YIGCHLP ЛЖШіJIP II *J ■'"Лі Шіві/ I * jytot o hri L Ш I Гй ai"lcni* Dda^u"is h£ i"dі yaa ІVfPіa Gkkі&*kі^ipvchaEI MshchіkgayguGs" mvshіiiiіshiІG v&gm- jaAM' spv U ljw" u " gaskkKsp> chvri ■ •emVa rav* L idsplyma Onirun iittroiiaieHrfaoMB to mtshііbmrshtnmgіі shN OLіNveko-iila" o tiib-ie-ialі ml g-ieHrfaoMB (i "?&iyi"b giits "" 'а aOVkVM "KnuA(l*r!te f~ -"І"yall-i: au*raImpі/""tU atqa'il- i^lvri nh ap i ut dіdshі'shA'va* іІіtShіia 'idі '" В"ФяА 'Ч'тшпОкооі вфакопіщжа ■ t a(libtițfiiaglot| iKbid-£ dB^a щкшіййа^мкяо a y Shogіmq*mtz" a | "уШ-а о* ramBhMjAwnadĂtoofcâ^ fcnritoan *а" аШloshіа" • ta піб n ârim iaba et>"rtte-a іLLI" аса iaulm b*кміі"Ш& *іа"vaaaiі Ward^*№і ipi Ai vgіmde w aTrshІaY&SіapshkoaY gafaagіmАааіц ю |d^A vkdіstsuLkkіkeyavmm aa кші ashiots МікМс ВІoYakpjm *n Bună Și: LA hі HS C ÎN Și Orez , Atelier de tipografie din secolul al XVI-lea Capitolul Dezvoltarea scripturilor latine În , Manutius l-a angajat pe tipograful Francesco GrilTo da Bologna pentru a-și decupa faimoasele fonturi italice În atelierele de tipar (Fig ) din Veneția, acest tip era cunoscut sub numele de Aldino sau Venetian, dar în Germania și Țările de Jos se numea "Italic", iar în Franța - italian (italian sau italic) fonturi scrise de mână Fonturile scrise de mână (Script) și cursive oblice (Cursive) reflectă cu acuratețe numele lor, deoarece seamănă cu scrisul Asemănarea acestor fonturi l-a forțat pe autor să le încadreze în aceeași categorie Cu toate acestea, se poate găsi și o diferență între ele Unii tipografi consideră că fonturile cursive sunt acelea în care literele sunt conectate între ele ca într-o literă, dar în fonturile cursive cursive, literele sunt încă separate unele de altele În același timp, unii susțin exact contrariul Scopul și scopul ambelor fonturi cursive și italice este de a imita scrisul de mână și de a crea o senzație adecvată atunci când percepeți textul Fonturile scrise de mână și italice sunt adesea folosite pentru invitații, anunțuri, diplome sau alte ocazii speciale în care este nevoie de eleganță și rafinament Atunci când un document este saturat cu fonturi cursive, gradul de lizibilitate scade, ceea ce necesită mult mai mult efort din partea cititorului Fonturile scrise de mână și italice, cum ar fi Gothic, ar trebui evitate atunci când textul este mai lung de un rând sau include mai multe propoziții Iată câteva dintre fonturile binecunoscute din categoria cursive și cursive (Figurile - ) Mai mult Orez , font Park Avenue Partea I Istoria tipografiei ^CDEKHtJKLMNOp^U^XYZ A* & & Orez , font Mistral M "GMIG KV JTKT A \ / d A L "I a a A a Aad La? B B £ y g B B pl B G € c c Bcc % % g g g g JT g g g g K K K L-K- K K K l L L L > A l L l ACH l M LA L \ m AD M M m M m jp F H ( i n X n n N n a -a O O O O O g r p p p V U P p b b g ? // r r r fi gf s s s s s s s ѵi (GO m 'Țm tp II m T t Y Y V yY cfj y Y > Y y b fa 'XI VX la XXX Xx *ѵ "V C h *> h NC și C și y* N t °î h h h h w w w - w Uf w w w w W - de f h "Piesă X - Z - ъ ь ■ ■ ■ - ѣ '- О F g % % "b - s - s s s s s P * to ta "k yu yu K) yu Yuyu - IA A , A L L i i i i i Orez Tabelul evoluției scrisului rusesc Noul alfabet s-a răspândit curând de la cărțile bisericești la scrisul de zi cu zi Putem presupune că până în secolele XI-XII, cea mai mare parte a populației, și nu numai nobilimea, știa să citească și să scrie În ultimii ani, în săpăturile din Novgorod a fost descoperită o corespondență intensă: scrisori de afaceri de la comercianți, scrisori private de la artizani și adolescenți La sfârșitul secolului al X-lea, în timpul domnitorului Vladimir, în primele școli alăturate mănăstirilor, existau săli și biblioteci speciale pentru predarea cititului și scrisului Din vremea lui Chiril până în secolul al XIV-lea, pentru scris a fost folosită o carte Formele literelor în proporții erau aproape pătrate și aveau unghiuri u S Partea L Istoria tipografiei caracterul tău Urmând tradiția manuscriselor grecești antice, nu existau spații între cuvinte, iar înclinația stiloului se schimba adesea în timpul scrierii Dezvoltare chirilică În secolul al XIV-lea, forma statutară a scrisului (Fig ) a fost înlocuită cu semistatutară, mai ușoară și rotunjită (Fig ) În această scrisoare cu desen simplificat, există spații între cuvinte și propoziții, un număr mare de superscripte Semi-ustav-ul a apărut în primele cărți tipărite rusești din secolul al XV-lea Orez Ediții de font Skaryna, Praga ( - ) Orez Tipografie pentru edițiile tipografiilor din Amsterdam care tipăriu cărți rusești (începutul secolului al XVIII-lea) Între secolele al XII-lea și al XV-lea, semi-ustav-ul a coexistat cu alte tipuri de scriere, precum cursiva (Fig și ) și scrierea (Fig și ) Scriptul cursiv seamănă cu italicele vest-europene Era un stil de scriere destul de liber, cu înștiințări lungi și litere parțial conectate În forma timpurie, cursiva a fost furnizată cu o abundență de elemente decorative și, ca urmare, a fost destul de dificil să citiți ceea ce a fost scris capitolul Orez Un exemplu de carte a artistului olandez Jan van den Walde "Oglinda artei tipului" (Spiegel der Schrîjfkonste) Rotterdam ( ) Goayura pe cupru Ulmul ca formă de scriere decorativă a fost folosit mai ales pentru titluri, dar și pentru inscripții și ca decor în arhitectură și arte aplicate Literele din cravată erau combinate într-un mod complicat și erau foarte greu de citit La început, doar două sau trei litere ale titlului au fost unite sub forma unei monograme, dar mai târziu au trecut la scrierea liniilor întregi Au existat două stiluri de tricotat - rotund (Fig ) și unghiular (Fig ) Adesea, liniile verticale ale două litere adiacente erau combinate într-una singură; spațiile goale erau umplute cu simboluri ovale de o scară mai mică Ulmul era de obicei iluminat cu cinabru și aur, iar în manuscrisele rusești antice a servit drept ornament În a doua jumătate a acestei perioade, în secolul al XVII-lea, liniile semicirculare cu unele elemente de cursiv grecesc devin comune în cursivă În a doua jumătate a secolului al XVII-lea, cursiva a devenit și mai rotunjită, abandonând elementele cursive și semiregulate grecești și înclinând spre litere mai simetrice și decorative În secolul al XVIII-lea, cursiva a fost complet transformată, la fel ca și semi-ustav, și a fost numită "cursivă civilă" Cursiva civilă a fost folosită atât pentru manuscrise, cât și pentru tot felul de documente și scrisul de zi cu zi În grabă Partea I Istoria tipografiei Se foloseau deja minuscule - litere mici, iar multe litere - precum a b, c, e, t, o, s - și-au primit formele moderne Orez Fragment de sul de pergament "Abecedarul limbii slave și scrierea cursivă învață să scrie ? ( - ) Capitolul Dezvoltarea fonturilor chirilice Orez Eșantion de cravată rotundă ( ) Orez Un exemplu de cravată unghiulară ( ) Primele cărți tipărite au apărut în Rusia în secolul al XVI-lea, în timpul domniei lui Ivan al IV-lea cel Groaznic Încă nu știm când și cine le-a tipărit Un cunoscut tipar pionier rus a fost Ivan Fedorov, care s-a născut în anii ai secolului al XVI-lea și a murit la decembrie la Lvov Construcția primei tipografii de stat ruse din Moscova a fost finalizată în , iar la martie , Fedorov a publicat prima carte - "Apostol" (Fig ) A fost prima carte tipărită rusească datată Urmând aceleași principii ca și Biblia Gutenberg, bibliile rusești timpurii au imitat fonturile și designul grafic al manuscriselor antice realizate de scribi din secolele precedente Cărțile erau decorate cu inițiale în stil ligatură și frontispicii gravate pe lemn Pentru ei, au folosit și imprimarea în două culori, care este necesară pentru biserică și pentru alte cărți, de exemplu, educaționale Alături de Fedorov au existat și alți tipografi ruși precum Marusha Nefediev, Nevezha Timofeev, Andronik Nevezha și fiul său Ivan, Anisim Radishchevsky, Anikita Fofanov și Kondrat Ivanov În secolul al XVII-lea, semi-ustav-ul s-a schimbat când a trecut de la literatura ecleziastică la documentele laice și de afaceri Au apărut noi manuale cu exemple de fonturi variate, de la bogat decorate la cursive, printre care ABC-ul limbii slavone ( ) și primerele educaționale ale lui Klarion Istomin ( - ) (Fig ) și Fyodor Polikarpov (Fig ) ) Partea / Istoria tipografiei IG* MvLA( WicfyâfIACHAtA " țlUIft eAMfUltitA JtftfKAftVKtiĂ K& wG Kg ** * ■ ' " ** > -* IBl K* (G L KL"SHA fACTJ (LVѵANSHCHDG SZH NAM • GRg "- C-l ~f Н Ш EBA APARIȚIA ȘI INTERPRETAREA HEGYPDTAELNTS, ! LK O NECESAR CALENDAR Orez Text gravat pe cupru: "Calendar inepuizabil" de Y V Bruce, gravat de V Kipriyanov ( - ) a început să se acorde atenție designului literelor și originalității lor rusești Fonturi gravate - erau foarte asemănătoare cu cele folosite în cărți Printre gravorii profesioniști care au dezvoltat multe fonturi noi s-au numărat Ivan Sokolov, Mikhail Makeev și Grigory Kachalov Drept urmare, fonturile de la mijlocul secolului al XVIII-lea au devenit mai "pitorești", cu o formă specifică de literă chirilică și mai mult ca un semi-caracter În primul sfert al secolului al XVIII-lea, existau doar dimensiuni de font, dar în a apărut un catalog de fonturi al tipografiei Academiei Imperiale de Științe, unde erau prezentate mostre de peste dimensiuni diferite de font Unele fonturi aveau deja propria lor cursivă, deoarece până în anii practic nu existau caractere cursive în Rusia (Fig ) La începutul secolului al XVIII-lea s-a schimbat și scrisul rusesc, deși nu atât de repede Acesta a fost rezultatul influenței scrisului vest-european, care era mai simplu și mai ușor de citit, mai puțin decorat Până la sfârșitul acestui secol, caligrafia profesională rusă avea forme de litere destul de simple, clare, care sunt folosite și astăzi Partea I Istoria tipografiei jos > SHSHSH V і t și O/ ZHZhZhZh Orez Comparația literelor c, w font civil cu litere de la tipografia lui Tessing și tipărit tip slav vechi A treia literă zh este din majuscule de tip slavon vechi din secolul al XVIII-lea În anii , fonturile "pictrice" sau decorative au fost înlocuite cu altele mai clare Până la sfârșitul secolului, în Rusia au apărut noi fonturi antice De fapt, până la sfârșitul secolului al XVIII-lea, procesul de dezvoltare a tipului rus a devenit identic cu cel paneuropean Foarte puține fonturi rusești au fost dezvoltate în secolul al XIX-lea (Figura ) În această perioadă, tipografi europeni precum Bodoni și Dido au dezvoltat și fonturi rusești pentru a-și completa colecțiile Dido a lucrat la o comandă tipografică specială din Rusia La rândul lor, multe fonturi din acea vreme, produse în Rusia, erau foarte asemănătoare ca stil cu modelele lui Dido capitolul CARTEA A DOUA Dar de unde pot obține trăsăturile Imaginați-vă teama pe care o manifesta toată natura Văzându-l pe Dragă în spațiul întunericului, s-a leșinat fără tată, fără mamă, fără familie și, într-un cuvânt, fără oameni deloc, Între dragoni și fiare? Aici tot ce a auzit fiica țarului de la bone, Și ce a citit în cele mai minunate povești, i s-a părut minții confuze Ororile spiritelor, fantome magice, semnele diferitelor morți au arătat semnele ei, Orez - O pagină din cartea "Dragul" de I F Bogdanovich, publicată în tipografia Academiei de Științe ( ) Partea / Istoria tipografiei Orez Pagina de titlu din cartea "Eșantioane de litere, viniete și politipuri deținute de August Semyon" ( ) Nu numai că fontul New Antiqua a apărut în Rusia, dar în anii , fonturile egiptene (cu serif dreptunghiular) și italiene, precum și sans serif, și-au găsit drumul din Europa către editurile rusești (Fig ) Majoritatea fonturilor rusești au fost copiate din mostre din Europa de Vest, cu adăugarea de litere rusești specifice În acest moment, industria de publicitate câștiga putere în Rusia, iar fonturile au devenit din ce în ce mai decorative și ornamentale capitolul montat Cu toate acestea, acest lucru nu s-a aplicat cărților Opera de artă și decorarea s-au limitat doar la titlul cărții, iar fonturile erau simple - în spiritul antiqua latin Slovenia PI Hll llrill VN K'\ С"IK ІІСГСрА* k MODEL DIRECT L* -și ♦sh Frecați JH) hl lIIlEiChlll MATTE L * O "- HtrM | ul * rchL VUIOSHVIEIEPG І ІiRCHLTYII PA TEMIPNІІІ SOL L * - IU ui min - r * L ffl ♦xtl,±xr£l tr TTirrtWf "TT YІ YІІ L- - Cі hj la fint ril la ІПІETGI ІІІ TURNING l ' IR-ЦІІІа m "lig frecare N&JKKVKYASH Orez Fonturi din cartea de modele de turnătorie de tip Revillon și Xe ( ) La sfârșitul secolului al XIX-lea și începutul secolului al XX-lea, Art Nouveau s-a răspândit în toată Europa și Rusia în arhitectură și arte aplicate Această direcție a avut, de asemenea, o mare influență asupra designului cărților și publicității În Rusia a fost o perioadă grozavă Partea / Istoria tipografiei schimbări în arta designului cărții Mulți artiști cunoscuți s-au ocupat de crearea de gravuri, ilustrații și dezvoltarea de fonturi originale Printre aceștia s-au numărat: Mihail Vrubel, Alexander Benois, Konstantin Somov, Nicholas Roerich și alții Fonturile lor, care aveau litere originale, erau departe de exemplele clasice și extrem de decorative De fapt, acești artiști au văzut tipografia doar ca pe un element decorativ și nu ca pe un mijloc de transmitere a unui mesaj Fonturile lor, inclusiv liniile și cuvintele individuale, erau pur și simplu elemente ale unei compoziții decorative Desigur, astfel de fonturi au fost folosite doar pentru titluri și reclame A apărut și un număr mare de fonturi stilizate ca fiind istorice Păstrând o bază modernă, acestea au fost stilizate ca gotice, semi-ustav rusești vechi sau scriere caligrafică imitată cu o pensulă subțire sau largă Din păcate, s-au dovedit a fi prea decorative și, prin urmare, greu lizibile Pentru tastare, au fost folosite în principal fonturi antice noi, cu un stil de lumină directă La sfârșitul secolului al XIX-lea și în secolul al XX-lea, interesul pentru fonturile clasice a crescut În Anglia, în , William Morris a dezvoltat fonturi originale bazate pe vechii romani din secolele al XV-lea și al XVI-lea Un proces similar a avut loc în Rusia Un grup de artiști uniți în jurul revistei "World of Art" a dezvoltat multe fonturi noi bazate pe vechile vechi De asemenea, au restaurat fonturile "Elizavetinskaya" și "Academic" de la mijlocul secolului al XVIII-lea, care sunt și astăzi folosite în Rusia Printre acești artiști s-au numărat: Dobuzhinsky, Lansere, Somov, Narbut și alții CAPITOLUL Tipografia secolului XX Secolul al XX-lea a extins foarte mult domeniul fonturilor Tipografii Rudolf Koch și Frederic Goudy au început să proiecteze fonturi care amintesc de Evul Mediu și Renaștere Din punct de vedere al artei, fontul a fost considerat de artiștii dadaiști și de avangardă Marcel Duchamp, El Lissitzky, precum și de artiștii mișcării Bauhaus și de constructiviști Dadaismul este o mișcare artistică și literară vest-europeană care a existat între și și a căutat să descopere adevărata realitate prin desființarea culturii tradiționale și a formelor estetice Dalaismul a deschis totul nou: idei noi, materiale noi, direcții noi și oameni noi Toate aceste lucrări au reflectat însă influența ideilor mecaniciste ale epocii industriale Apărut în anii - ai secolului XX, tendința Art Nouveau (Ap Nouveau) ("artă nouă") a fost similară ca tipografie cu stilul Art Deco, care vedea frumusețea în simplitatea geometrică și absența serifurilor în font În , Paul Renner a proiectat fontul geometric elegant Futura, iar Jan Tschichold a scris The New Typographer, o carte despre designul tipurilor, aspectul paginii și grile modulare În au fost introduse primele dispozitive de fotocompoziție Această mașină de fabricație franceză a fost numită "Photon" (fotosetterul Intertype) Și, în anii , setul de tipare a trecut de la turnarea cu plumb fierbinte la o metodă foto rece Această tehnologie a fost numită photosetting font sau familie de fonturi Apoi personajele sunt Partea I Istoria tipografiei erau iluminate de un fascicul de lumină, iar o imagine clară a literelor a fost expusă pe hârtie fotosensibilă În acest proces, fontul poate fi scalat și manipulat în mai multe moduri, cum ar fi mărirea, reducerea, înclinarea, rotirea și deformarea Acest lucru a permis tipografilor libertatea de a experimenta cuvinte, propoziții și spațiere între rânduri Între și a avut loc o renaștere a fonturilor Art Nouveau (Aii Nouveau), Art Deco (Ari Deco) și multe alte fonturi în stil vechi Tipografii au conceput aceste fonturi istorice cu pasiune, păstrând proporțiile moderne Următorul deceniu a văzut apariția unei noi tendințe în tipografie, Trash sau Fringe, fonturi greu de descris în cuvinte Unii le numesc tipografie grunge, după numele unei ramuri speciale a muzicii rock Alți critici îl văd ca o fuziune a mișcării funcționaliste industriale cu absurditatea sălbatică și nihilistă a dadaismului Secolul al XX-lea a dus și la o utilizare mai eficientă a tipografiei în scopuri comerciale și politice, atât în Rusia, cât și în Europa și America În Rusia, însă, aceasta a fost o perioadă de luptă pe viață și pe moarte dusă de bolșevici pentru a-și afirma ideologia Bolșevicii au înțeles marile beneficii ale tiparului și au folosit presa ca instrument de propagandă În , a fost efectuată o reformă a alfabetului și a ortografiei ruse Unele litere au fost excluse din alfabet, iar gramatica rusă a fost simplificată Foarte puține fonturi noi au fost create în timpul Războiului Civil Toate fonturile existente au fost proiectate înainte de revoluție Unele sigle ale ziarelor au păstrat caracterul fontului Art Nouveau, de exemplu, în ziarele Pravda (Fig ) și "Izvestia" În plus, în acea perioadă, o variantă a fontului egiptean (egiptean) a fost utilizată pe scară largă pentru titluri și reclame Acest font este încă ferm asociat cu primii bolșevici Ediție pentru informații și analitice pentru Internet Orez Titlul ziarului "Pravda" Capitolul Tipografia secolului XX iunie S'afotah revolution dalmna cojgai?it> lgmushchesrіSsmpum red koihipts/ Zі'olі unisga dolari sgiov naffajtrpucmoAt Orez A Apsit, "Pe cal, proletar!" ( ) Partea / Istoria tipografiei Noul guvern a început prin a controla aprovizionarea cu hârtie și toate formele de tipar Materialele tipărite, cum ar fi afișele (Figura ), ziarele și alte mijloace media au jucat un rol cheie în propagarea ideologiei bolșevice Într-o țară cu o rată ridicată de analfabetism, afișele erau deosebit de eficiente ca mijloc de comunicare Aproximativ de schițe de afiș au fost create în aproximativ trei ani Aceiași artiști au conceput și fonturi originale pentru postere (Fig ) Anii NEP (Noua Politică Economică) s-au dovedit a fi rodnici pentru arta rusă Această perioadă relativ liberă a fost marcată de experimente interesante în toate domeniile În artă, constructivismul a devenit tendința dominantă Respingând arta de dragul artei, acest grup a vrut să contribuie la "construirea" unei noi societăți comuniste Artiștii El Lissitzky și Alexander Rodchenko au propus sloganul "Arta în producție" În această perioadă, a fost remarcată mai ales figura polifațeta a lui El Lissitzky, care a fost designer, tipograf, pictor, fotograf, arhitect și profesor opera a avut o influență decisivă asupra Bauhaus și a artei grafice vest-europene (Fig și ) O muncă remarcabilă a fost făcută de echipa Mayakovsky și Rodcenko, promovând cauza construirii socialismului Ei au dezvoltat un stil de publicitate "propaganda", în care sloganurile dure și compozițiile agresive cu diagonale și culori puternice au devenit echivalentul unui afiș revoluționar pe timp de pace Deși compozițiile erau adesea dinamice, construite pe linii diagonale și verticale, literele în sine erau plate și statice Liniile erau adesea intersectate de litere mărite care introduceau cuvinte diferite pe linii diferite în același timp Compoziția în ansamblu a funcționat ca o singură structură plată, conectată rigid Literele au fost simplificate pe cât posibil Au fost folosite în principal fonturile sans-serif, iar elementele rotunjite au fost înlocuite de obicei cu cele pătrate (Fig ) Constructiștii nu au folosit fonturi cursive deloc Una dintre tendințele de vârf în dezvoltarea artistică la acea vreme a fost suprematismul, condus de Kazimir Malevich și El Lissitzky Malevich s-a ocupat în principal de pictură, iar activitățile lui Lissitzky au variat de la tipografie și design grafic la fotomontaj și pictură În plus, Lissitzky a jucat un rol unificator în răspândirea principiilor constructivismului și suprematismului În mai , a fost invitat de Chagall să predea arhitectură și grafică la Școala de Artă din Vitebsk Capitolul Tipografia secolului XX Orez A Belsky, "Pipa lui Comunard" ( ) Partea / Istoria tipografiei Orez El Lissitzky, URSS Russische Ausstellung Expoziție rusă ( ) Capitolul Tipografia secolului XX Orez A Rodcenko, "Inga" ( ) Orez A Rodcenko, "Dobrolet" ( ) Partea I Istoria tipografiei Malevici a ajuns la Vitebsk în vara anului și a devenit principala sursă de informații pentru Lissitzky Sub influența sa, Lissitzky a îmbrățișat suprematismul și a devenit membru al grupului Astfel, opera suprematiştilor a fost folosită în decorarea festivalurilor revoluţionare şi în afişe de propagandă, precum "Bate albii cu klinul roşu", care au fost create în acea perioadă (Fig ) Orez El Lissitzky, "Învingeți-i pe albi cu o pană roșie" ( ) Biografia creativă a lui Lissitzky se caracterizează printr-o schimbare de direcție: mai întâi experimente cu futurismul rusesc și designul cărților evreiești, apoi un salt brusc către un nou sistem de artă abstractă numit Proun, aplicat în pictură, tipografie și tipografie și, în final, o îndepărtare de la pictură la fotografia documentară și realismul socialist (vezi figura ) Alături de mișcarea de avangardă din această perioadă, în arta grafică rusă a coexistat și direcția clasică Artiști precum D I Mitrokhin și V M Konașevici au continuat tradițiile "Lumea Artelor" Fonturile lor erau bazate pe stiluri clasice, dar erau mai libere, scrise de mână și uneori ornamentale Celebrul artist grafic V A Favorsky în Capitolul Tipografia secolului XX lucrările timpurii au folosit și forme de tip clasic Cu toate acestea, el a schimbat adesea proporțiile literelor situate nu numai într-o singură linie, ci a folosit litere de diferite stiluri și dimensiuni, chiar și într-un singur cuvânt Orez Gustav Klutsis Să împlinim planul lucrărilor mărețe" ( ) Partea / Istoria tipografiei Până la începutul anilor , când Partidul Comunist a preluat conducerea întregului proces de dezvoltare artistică, în arta rusă au coexistat diferite stiluri Primul pas în controlul partidului asupra tipăririi a fost publicarea de către Departamentul de Tipărire în a Catalogului Tipurilor S-a format o comisie specială care a verificat peste de fonturi rusești și a selectat aproximativ jumătate dintre ele pentru acest "Catalog" Aproximativ un sfert dintre ele erau potrivite pentru dactilografiere, restul pentru titluri Catalogul includea o serie de fonturi de tip art nouveau și alte fonturi stilizate istoric În - sub conducerea Partidului Comunist, au fost organizate "Uniunea Artiștilor Sovietici" și "Uniunea Arhitecților Sovietici", iar stilul "realismului socialist" a devenit singura direcție permisă în arta rusă Ca arhitecți și maeștri ai artei decorative, graficienii și designerii s-au orientat către arta Renașterii și au dezvoltat noi fonturi, în principal în spiritul vechiului antic (roman vechi) O comisie specială, formată din tipografi, artiști și oftalmologi, a elaborat un nou Standard de stat pentru fonturile tipografice - OST , adoptat de Comitetul Standardelor de Stat în februarie Acest standard includea doar fonturi pre-revoluționare, majoritatea vechi și noi fonturi antica ( Fig ) Stilul numit mai târziu "stalinist" a dominat nu numai arhitectura, ci și designul cărților În această perioadă, s-au creat alfabete pentru multe națiuni și naționalități care trăiau pe teritoriul Imperiului Rus, care nu aveau propria lor limbă scrisă În această lucrare, începută în anii , pentru unele limbi, cum ar fi tătarul, kazahul și turca, s-a folosit istoric scrierea arabă Dar în anii , s-a decis să se traducă aceste alfabete în limba latină Astfel, au fost adoptate noi alfabete din de limbi Cu toate acestea, alfabetul latin nu conținea toate sunetele fonetice necesare Acest lucru a făcut ca predarea școlarilor să fie foarte dificilă, deoarece diferența dintre alfabetul rus și cel latin a fost în multe cazuri prea mare Prin urmare, în anii a început procesul de înlocuire a alfabetului latin cu alfabetul chirilic, care a continuat până la începutul celui de-al Doilea Război Mondial În , a fost organizat un laborator de fonturi la Institutul de Cercetare a Tehnologiei Tipografiei și Editurii pentru a crea noi fonturi și ornamente În plus, sarcina acestui lucru Capitolul Tipografia secolului XX Laboratorul a inclus dezvoltarea unui cadru teoretic pentru proiectarea de noi fonturi, precum și formarea dezvoltatorilor de fonturi Orez Analiza comparativă a stilurilor literelor rusești individuale în fonturi din secolul al XVIII-lea și prima jumătate a secolului al XIX-lea În primii ani de existență, înainte de război, laboratorul a făcut puțin Ea a continuat să lucreze în două direcții: a modernizat fonturile fonturilor existente și, de asemenea, a creat altele noi bazate pe studiul experienței străine Printre acestea din urmă s-au numărat "Journal" bazat pe tipul american de lizibilitate, "School " bazat pe tipul Century și "Journal Chopped" bazat pe tipul Erbar-Grotesk, conceput de artistul german Jacob Erbar În timpul războiului, Laboratorul Font și-a continuat activitatea La acea vreme, afișele și desenele animate au devenit cele mai importante materiale tipărite Datorită epurărilor lui Stalin, tinerii artiști s-au angajat în principal în afișe, iar mulți dintre ei au arătat o schimbare stilistică către realism Cei mai buni dintre acești artiști au fost Kukryniksy", trei artiști grafici de la VHUTEMAS, o școală de design și arte aplicate, organizată la începutul anilor ai secolului XX Kukryniksy erau cunoscuți mai ales ca caricaturiști, ilustratori și Partea I Istoria tipografiei portretişti Irakli Toidze, autorul posterului "Patria mamă cheamă!" (Fig ), Viktor Koretsky și Viktor Ivanov, toți născuți după , au devenit autorii celor mai bune postere militare Au folosit în mare parte fonturi sans-serif simplificate (sans șerif), foarte asemănătoare cu cele folosite în anii Orez RĂU Irakli Toidze, "Țara mamă sună!" ( ) Capitolul Tipografia secolului XX RAFFI SAM U EL NUVELĂ ISTORICĂ DESPRE'" sLersveli din armeana £Lir-US rapezpava si SUA ireaania si ogiz C ~ szhLnio" sTSzdagpelstbo Kommersant ART LITERATURE # Orez D A Bazhanov Pagina de titlu a cărții ( ) Perioada postbelică a fost marcată de revenirea la realismul socialist În designul cărților, aceasta a însemnat o întoarcere la fonturile clasice, în principal la serifurile vechi și noi (Fig și ) Pe baza tipului de caractere din secolul al XVII-lea, Citizen au fost Partea I Istoria tipografiei Capitol Au fost dezvoltate și noi fonturi, de exemplu, "Bannikovskaya" Au fost incluse fonturi noi în Standardul de stat, care a fost actualizat de două ori: în și razra' dinal ALEXANDER VASILIEVICI SUWON) B ÎN INTERN NR M I ZOB R A I H E L N O M SI CALITATE Orez N I Piskarev Pagina de titlu a cărții ( ) La sfârșitul lui SO-x și începutul anilor , artiștii sovietici au început să dezvolte forme mai libere de fonturi tradiționale, printre care și cele personale Construcția și proporțiile literelor diferă de cele tradiționale, iar ritmul loviturilor a devenit mai complicat (Fig ) Designerii au încercat să ofere fontului lejeritate și eleganță chiar și în detrimentul unor nereguli Împreună cu fonturile de afișare, acestea Shr Mereu; ident new> nitvar XX cu design Capitolul Tipografia secolului XX au dezvoltat și fonturi de tipărire cu aceleași elemente de libertate și dinamică, dar bazate pe fonturi clasice Orez M E Novikov Manta de praf ( )' Fonturi decorative și noutate A fost întotdeauna tentant să identificăm o categorie largă de tipări decorative (Decorative) și noi (Noutăți) într-o singură familie de tipuri Cele mai timpurii tipuri decorative și noi au apărut în timpul mișcării Art Deco la începutul secolului al XX-lea Ele continuă să fie atractive pentru mulți designeri astăzi Partea / Istoria tipografiei Capitol Aceste nume sunt folosite pentru o mare varietate de fonturi, al căror scop principal este de a atrage o atenție deosebită asupra lor și de a adăuga puțin capriciu și umor tipului de liter Din păcate, fonturile decorative și noutate sunt ilizibile și greu de citit Toate, fără excepție, sunt aproape întotdeauna folosite ca fonturi de afișare pentru titluri sau subtitluri În general, aceleași tipuri de legi grafice se aplică fonturilor decorative și fonturilor noutate ca și fonturilor scrise de mână și cursive Pe fig Figurile - prezintă unele dintre fonturile în stil Decorativ/Noutate STENUL AKCDEIGHIJKLMNOPQKSTIJ VWXYZ ABCIIEFGHIJKLMNOPQRSTIJVWXYZ AA BB CC Orez Font stencil Peîqnot ABCDEFGHIJKLMNOPQRSTUVWXYZ AbcdefqhijkliviNopQRSTUvwxyz Aa Bb Cc Orez font Peignot ni GpavaZ Tipografia secolului XX Cohippa ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Aa Bb Cc Orez font Cogippa Hrt Deco HECBEFGT} KLnmOPQR TUVWXYZ abcdeTghijhlmnopqrsi'UVWxyz Fia Bb Cc Orez Font Art Deco Itauhcus nBCDCFGHIJKLMNOPQRSTUVmXVZ afbcdeghijklmnopqrstuvujxYz La Bb Cc Orez Schimbă Bauhaus Partea / Istoria tipografiei Mai târziu, în anii și ai secolului XX, designerii au început să creeze noi fonturi care aveau forme de litere mai clare și mai ușoare Compozițiile de titluri au devenit mai libere, adesea asimetrice, cu linii întrerupte și o combinație de litere de diferite forme pe aceeași linie Adesea, titlul ocupă întreaga copertă sau pagina de titlu În acest moment, existau și fonturi tradiționale, clasice, dar au devenit mai ușoare în proporție, iar compoziția a devenit mai puțin statică În anii , au apărut noi fonturi asociate unor condiții specifice de utilizare, precum fontul ușor de pe terminalele electronice În plus, au fost dezvoltate fonturi speciale pentru primele computere, care aveau nevoie nu numai de litere latine, ci și de litere ruse Acest lucru a dus la unele fonturi originale Dar, în general, sortimentul de fonturi chirilice a fost destul de sărac, mai ales în comparație cu cele latine Tipografie din până în prezent La sfârșitul anilor și începutul anilor ai secolului XX, computerele au început să fie utilizate pe scară largă în studiourile de design și firmele de publicitate rusești Ca rezultat, aproape toate fonturile utilizate în mod obișnuit au fost computerizate Din păcate, mulți programatori din domeniul designului de tip nu aveau cunoștințe de tipografie În această perioadă, studiourile de tipărire și design rusești au suferit din cauza lipsei fonturilor rusești de calculator, ceea ce le-a forțat să folosească alfabetul latin "rusificat" Aceste fonturi au fost deja proiectate de la început cu forme de caractere distorsionate, precum și probleme de kerning la imprimare Până în anii , fonturile chirilice utilizate în publicația desktop (Desktop Publishing, Dl P) erau încă variante neprofesionale ale fonturilor latine bine-cunoscute La mijlocul anilor au apărut companii care produc fonturi rusești pentru computer Cele mai mari dintre ele au fost ParaGraph și Soft Union, care au digitizat fonturile rusești existente, creând versiuni rusești ale celor mai populare fonturi - Helvetica, Futura, Bodoni etc Firme europene cunoscute care au angajat designeri profesioniști și au furnizat fonturi de calitate mult mai ridicată, licențiate produsele acestor companii Și, deși au fost dezvoltate și fonturi originale rusești, există încă o lipsă a acestora pentru implementarea diverselor proiecte grafice PARTEA II Bazele tipografiei capitolul Capitolul Sisteme tipometrice CAPITOLUL ABC-ul tipografiei Fonturi pentru imprimare și web-design Noțiuni de bază Elementele de bază ale tipografiei includ cele mai fundamentale informații despre structura fonturilor, modul de măsurare a acestora, precum și înțelegerea regulilor de bază pentru utilizarea lor Aceste informații sunt importante pentru cei care vor folosi fonturi pentru a crea publicații tipărite sau site-uri web După cum vom vedea mai târziu, cheia îmbunătățirii capacității utilizatorului de a citi ceea ce este imprimat sau afișat pe ecran sunt principiile legate de claritatea vizuală a imaginii De exemplu, majoritatea materialelor de lectură pe care le întâlnim astăzi - cărți, reviste, ziare și alte publicații de format mic - folosesc caractere negre simple pe hârtie albă Suntem pregătiți să vedem un astfel de text și să reacționăm negativ atunci când întâlnim altceva Contrastul dintre alb și negru contribuie la lizibilitatea maximă a fontului Pentru persoanele în vârstă sau cele cu dificultăți de citire, adăugarea de culoare pe ecran sau pe hârtie adaugă o oarecare claritate și definiție imaginii Oricare ar fi utilizatorul, pentru a înțelege elementele de bază ale tipografiei, este necesar să se realizeze o cunoaștere solidă a elementelor de bază ale proiectării paginilor tipărite sau Web Când site-urile Web au evoluat de la inovații informale în aplicații organizaționale, educaționale și corporative pe scară largă, la fel au evoluat și cerințele privind calitatea componentelor (imagini, fonturi) și eficacitatea unor astfel de programe Cele mai mari succese în conformitate Partea a II-a Bazele tipografiei Doar acei designeri care știu să proiecteze atât suporturi tipărite, cât și electronice vor obține o mare dezvoltare Font: litere, stiluri și fonturi Astăzi se obișnuiește să se numească un font după numele său și apoi să se specifice în mod specific dimensiunea punctului Cu toate acestea, până în , numele unui font indica dimensiunea acestuia în același timp, adică dimensiunea unui anumit tip de liter era identificat printr-un nume, nu un număr De exemplu, un font de puncte a fost numit Long Primei, un font de puncte a fost numit Greater Primer, iar un font de de puncte a fost numit Double Great Primer Când vechiul sistem a încetat să mai existe, fontul a început să fie numit numele creatorului sau stilul său, care a devenit identificatorul său fără a specifica dimensiunea Unele fonturi sunt numite după creatorii lor - Bodoni, Baskerville și Garamond, în timp ce altele - numele de stiluri sau alte forme - Times Roman, Helvetica și Rockwell Un font (font) este un set de caractere distincte din punct de vedere vizual, dar proiectate uniform în tot alfabetul, inclusiv litere, cifre, simboluri monetare și toate celelalte caractere Tipografii proiectează fiecare font în așa fel încât, atunci când formează cuvinte, caracterele individuale sunt integrate estetic în orice combinație posibilă În zilele turnării fierbinți din plumb, un font (font) era un set separat de litere (litere) de aceeași dimensiune, inclusiv semne de punctuație, caractere speciale și numere Pe atunci, imprimanta lucra cu sertare de numerar care conțineau mai multe copii ale fiecărui caracter, cum ar fi majuscule "A", minuscule "a", majuscule "Z", sau minuscule "o", etc Și după o dată tipul este creat și denumit, acesta intră *într-o serie" Seria a constat dintr-un set finit de fonturi de dimensiuni specifice, care au fost turnate la cald, cum ar fi , , , , , , etc , până la de puncte Odată cu apariția tehnologiilor de fonturi "rece", de la fotocompunere la sistemele de publicare desktop (DTP) de astăzi, conceptul de "font de o anumită dimensiune" (font) aproape și-a pierdut sensul inițial În principiu, totuși, un font este denumit în continuare un set de caractere de un anumit stil și o singură dimensiune (pin) În , peste de turnătorii de tip s-au fuzionat și au format o singură fabrică mare, numită American Type Foundry (ATF) în care Capitolul ABC-ul tipografiei Fuziunea a reușit să organizeze un sistem clar al tuturor fonturilor create de diferite companii mici Prima persoană care a identificat sistemul de fonturi numit "typeface" (familie) a fost specialistul ATF M F Benton (M F Benton) După ce acest sistem a fost adoptat, multe alte fonturi, mai puțin populare și exotice, și-au găsit drum în el Drept urmare, Benton a reușit să creeze primele tipuri de fonturi ATF, începând cu Goudy, Cheltenham, Century, Cloister și Stymie Trebuie să se înțeleagă că un tip de tip (familie de tip) este o colecție sau o colecție de fonturi care împărtășesc o anumită similitudine și este foarte asemănătoare cu o familie (familie) obișnuită în societatea actuală Prin urmare, un font nu poate alcătui niciodată un tip de literă Fiecare font trebuie să aibă aceeași curbură serif, raport unghiular sau spațiere între litere Cu toate acestea, ar trebui să existe unele variații în aspectul individual al diferitelor fonturi Ele pot avea diferite greutăți ale cursei, diferite înălțimi, lățimi de caractere sau unghiuri diferite Diferitele definiții care se atașează numelui principal al unui tip de liter se referă, de obicei, la caracteristicile vizuale ale tipurilor de caractere ale acestui tip de caractere, care dau tipului de literă un nume unic, de exemplu, aldine (bold), tipărire (carte), lumină (luminoasă) , bold (negru), semi- (semi), super- (extra), comprimat (condensat), super-comprimat (ultra-condensat), etc Aceștia sunt parametrii care transferă genetic anumite specificități fiecărui stil al caracterului corespunzător Franklin Franklin Franklin Franklin Franklin Franklin lumină gotică Mediu gotic Demi gotic Gotic Heavy Mediu Condensat Gotic Demi Condensed Orez Un exemplu de fonturi ale familiei Franklin Partea a II-a Bazele tipografiei De obicei, un anumit tip de caractere servește ca model sau șablon din care sunt derivate toate celelalte fețe ale fontului Doar unele fonturi au fost concepute inițial ca un întreg, cum ar fi tipul Univers, creat de Adrian Frutiger în Alte fonturi au fost create după ce a fost dezvoltată tipul inițial, cum ar fi, de exemplu, cel prezentat în fig Font Franklin, care a fost proiectat de M F Benton în Opțiuni de font Grosimea fontului Saturația fontului este gradul de întuneric "* (îndrăzneț) sau "luminozitate" (luminozitate) al literelor, în funcție de grosimea liniilor și independent de dimensiunile acestora Valorile acestui parametru pot varia foarte mult: de la extra light (extra light) la extra bold (extra bold) În cantități mari de informații textuale, elementele de font extra subțiri sau foarte grele pot afecta grav gradul de lizibilitate Fonturile aldine și extra aldine sunt cel mai bine folosite în titlurile care folosesc fragmente scurte de text pentru a atrage atenția asupra unor cantități mari de text Pe fig prezintă exemple de fonturi cu greutăți diferite - light (light), medium (mediu), bold (demi) I și bold (bold) Eras Light ABCDEFGXYZabcdefgxyz I Eras Mediu ABCDEFGXYZabcdefgxyz Eras Demi ABCDEFGXYZabcdefgxyz Eras Bold ABCDEFGXYZabcdefgxyz Orez Fonturi ale tipului de tip Eras cu greutăți diferite Capitolul ABC-ul tipografiei Înclinarea fontului Parametrul de postură al unui font indică prezența sau absența unei pante în caracterele sale În conformitate cu acest parametru, există stiluri de font drepte (în poziție verticală) și oblice (înclinate, oblice) De asemenea, puteți selecta direcția de înclinare - la stânga sau la dreapta (cu diferite unghiuri de înclinare) De obicei, pentru un font înclinat spre stânga se folosește termenul "back slant" (back slant), iar pentru un font înclinat spre dreapta se folosește italic (italic) sau oblic (fig ) Postura de tur - Regular Postura tur - Italică Postura tur - Oblic Ture rschie Orez Stiluri de font fără înclinare și cu diferite înclinări Diferențele dintre stilurile de font italic și italic sunt destul de semnificative Primul este un font special care există singur și este derivat dintr-un font original Un font oblic este unul căruia i s-a dat mecanic un fel de înclinare fără a modifica forma originală a literelor Diferența dintre aceste două fonturi este deosebit de vizibilă atunci când se compară literele mici Stilul suplimentar al fontului Un design suplimentar al unui font este o "împodobire" a caracterelor sale sau astfel de manipulări cu litere care nu ating forma originală și urmăresc scopuri decorative speciale De exemplu, fonturile care constau din majuscule (Small Caps) pot fi atribuite clasei de fonturi concepute în acest fel , numai litere mari (A Caps), umbrite (Shadowed) și oglindă (Reversed) sau litere decorate în alte moduri (Fig ) Partea IL Bazele tipografiei Small Caps Tip tratamente pot varia AII Caps TIP TRATAMENTE CAN Shadow '/ure oujj vu/y Orez Fonturi cu tipografie suplimentară Fonturi cu pictograme Aceste "fonturi" constau din caractere grafice (pictograme), caractere speciale și imagini care pot fi utilizate într-o varietate de scopuri Aceste fonturi sunt o resursă excelentă pentru rezolvarea problemelor de proiectare și pot fi formate dintr-o mare varietate de imagini și chiar simboluri tehnice (Figura ) Unele fonturi, cum ar fi Type Embellishnients One ( TC), vin într-o varietate de stiluri, de la clasic (art nouveau și art deco) la caligrafic și gravat I ( ) (c) 'și* ІШ Orez Exemple de fonturi pictograme: ornamente și lilieci, pictograme și simboluri și imagini de specialitate Capitolul ABC-ul tipografiei Deformarea fontului Puteți modifica raportul de aspect al fontului Majoritatea programelor de publicare și a procesoarelor de text permit aceste tipuri de deformări, cum ar fi reducerea sau creșterea lățimii caracterelor Exemple de fonturi cu diferite grade de expansiune sau compresie sunt prezentate în fig Exemplul - extins % Aveți grijă când utilizați căști prea largi și rotunjite Exemplul - extins % Aveți grijă când utilizați fonturi supradimensionate și micșorate Exemplul - obișnuit (obișnuit) % Aveți grijă când utilizați fonturi supradimensionate și micșorate Aveți grijă când utilizați fonturi supradimensionate și micșorate Aveți grijă când utilizați fonturi supradimensionate și micșorate Exemplul - Comprimat (Condensat) % Aveți grijă când utilizați fonturi supradimensionate și micșorate Aveți grijă când utilizați fonturi supradimensionate și micșorate Aveți grijă când utilizați fonturi supradimensionate și micșorate Exemplul - Comprimat (Condensat) % Aveți grijă când utilizați fonturi supradimensionate și sish Aveți grijă când utilizați fonturi supradimensionate și sish Aveți grijă când utilizați fonturi supradimensionate și micșorate Orez Exemple de fonturi extinse artificial, normale și comprimate artificial Partea a II-a Bazele tipografiei Încercarea de a utiliza astfel de deformări pentru a îmbunătăți aspectul unui font poate distorsiona grav fontul proiectat inițial și, astfel, poate afecta negativ lizibilitatea acestuia În cele mai multe cazuri, dacă este necesar un font condensat, atunci ar trebui să se folosească un stil special de font, care nu numai că menține impresia unui font îngust, dar păstrează și forma originală a caracterelor Un astfel de contur se numește comprimat Câteva exemple de fonturi comprimate sunt prezentate în fig Clarendon condensat Garamond Light Condensed Franklin Gothic Condensed Rockwell Condensed Univers Condensed Fig Exemple de fonturi cu adevărat comprimate Anatomia fontului Această secțiune oferă o scurtă prezentare generală a termenilor legați de anatomia tipului Învățând acești termeni, veți putea aprecia diferitele fonturi mai în profunzime Fără cunoașterea acestor termeni, comunicarea cu alți designeri profesioniști va fi limitată, iar încrederea în alegerea fontului potrivit va scădea Cei mai obișnuiți termeni care sunt utilizați în designul fonturilor sunt prezentați în fig și Nu este greu de observat că aici există două categorii de termeni Termenii din prima categorie se referă la părțile constitutive ale literelor, de exemplu, serif (șerif), cursa principală (pupa), oval (ochi), buclă (Ioor), ascendent (ascensor), etc , precum și termenii din a doua categorie se referă la dimensiunea fontului, de exemplu creșterea literelor mici (x-height), mărimea în puncte (dimensiunea punctului), creșterea literelor majuscule (înălțimea capacului) etc Capitolul ABC-ul tipografiei Element lacrimă (Minge) Serif (Șerif) Lovitură de bază (pupa) Rotunjire serif (paranteză Șerif) Ascendent Valoarea în interiorul scrisorii (CounterAreas) Sfârșitul cursei (terminal) Contrastul curselor principale și de legătură (Thlck/Thîn Stroke Contrast) Descendent Buclă Element oval (Bowl) Jumper (Wag) Înclinare cu litere mici (Stresul cu litere mici) Orez Numele elementelor literei Dimensiunile fontului Este important de reținut că dimensiunea fontului (dimensiunea punctului) se măsoară în puncte, pe verticală - de la linia de indice sau linia de înălțime a literei majuscule până la linia de indice (Fig ) Linia superioară a acestei măsurători este aleasă în funcție de care este mai sus în acest set cu cască Linia de înălțime a capacului Linia X-Heght (linia taliei)) Linia ascendentă Înălțimea (înălțimea) unui caracter cu minuscule (X-Heignt (Body Hefgnt)) Linia descendentă * k Dimensiunea fontului în puncte (Type Point X f Dimensiune) Linia de bază (linia fontului) (linia de bază) Orez Linii care definesc dimensiunile literelor Partea a II-a Bazele tipografiei Este destul de dificil să determinați înălțimea exactă a literelor unui font, deoarece înălțimea literelor mici variază destul de mult între diferitele fonturi Unele fonturi par mai mari decât altele datorită creșterii literelor mici Acest lucru se datorează faptului că înălțimea literelor mici poate domina vizual aspectul unui tip de literă, deși înălțimea completă a unui tip de liter - de la linia de indice până la linia de înălțime a literelor majuscule - poate fi aceeași cu cea a unui font cu înălțime mai mică de litere mici Pe fig Figura arată cât de diferită este înălțimea literelor mici în trei fonturi diferite de aceeași dimensiune ( de puncte) AgiaI Times Edwardian Txby Txby % 'g pt i Înălțimea X Orez Diferența de creștere a literelor mici în trei fonturi cu aceeași dimensiune a punctului Pentru a continua acest subiect, să ne uităm la x-uri minuscule din diferite fonturi la dimensiuni de de puncte (Figura ) Din figură rezultă că creșterea literelor mici nu este un mijloc sigur de a determina dimensiunea exactă a fontului De asemenea, este important de reținut că, deoarece creșterea literelor minuscule ale majorității fonturilor reprezintă cea mai mare parte a dimensiunii acestora, aceasta aduce o contribuție semnificativă la nivelul de lizibilitate (deoarece % din tot textul este format din litere minuscule) d;xxxxxxxxxxxxxl Orez - Diferențele în creșterea literelor mici ale diferitelor fonturi cu aceeași dimensiune a punctului CAPITOLUL Sisteme tipometrice Puncte, spații și liniuțe În multe domenii ale vieții de zi cu zi, sunt utilizate pe scară largă sistemele de măsurare, care determină modul de estimare a dimensiunilor și de fixare a valorilor cantitative De asemenea, sunt importante pentru cei care folosesc fonturi, oferindu-le o înțelegere a terminologiei și utilizarea unor astfel de sisteme pentru măsurarea fonturilor Articole În SUA, toate dimensiunile fonturilor sunt exprimate în puncte Sistemul de puncte pentru fonturi a fost dezvoltat de Pierre Simon Fournier în Punctele determină înălțimea site-ului fontului și lățimea caracterelor individuale din font (Fig ) Vârfurile Vârfurile (picas) sunt de obicei folosite pentru măsurători liniare în cadrul unei linii, precum și pentru măsurarea lățimii benzii unui set (adâncimea tipului agea) Relația dintre puncte, picas și inci este destul de simplă: Aproximativ puncte = vârf; □ imagini = inch ( imagine " / inch); P puncte " I inch; P punct = , inch (aproximativ / inch) Partea a II-a Bazele tipografiei Toure puncte Toure puncte Tur puncte Toure puncte Tur puncte Tur puncte Toure puncte Toure puncte Toure de puncte Toure de puncte Toure Toure de puncte Orez Text cu dimensiuni de font de la la de puncte Agate O altă unitate de măsură asociată fonturilor este agata Agatul este folosit în mod obișnuit în industria ziarelor și reprezintă standardul pentru măsurarea înălțimii unui set de spațiu publicitar (spațiu publicitar) Există astfel de linii de calcul într-un inch De exemplu, un spațiu publicitar cu două coloane înălțime de inchi este măsurat de de rânduri de agat și este etichetat ca x de rânduri ( coloane x de rânduri) Capitolul Sisteme tipometrice Spații în spațiere și spațiere semicirculară și ei liniuță Spațiul em în sine nu face parte din sistemul tipometric bazat pe puncte, dar este extrem de important în determinarea zonei ocupate de caractere în tip (Figura ) Cu ajutorul acestuia, de exemplu, se poate seta lățimea caracterelor Spațiul din spațiul em este folosit și pentru a număra numărul de caractere de pe una sau mai multe pagini Orez Spațierea și amplasarea unor semne Spațiul din spațiul semicircular (en-space) este egal cu jumătate din spațiul em Aceste spații sunt utilizate în mod obișnuit pentru a defini indentări în corpul textului unui document Software-ul oferă echivalente speciale de tastatură ("comenzi rapide") pentru crearea unor astfel de spații Linia em, care servește ca semn de punctuație, depinde de dimensiunea liniuței Lățimea literelor, spațierea literelor și kerning Lățimea literei Lățimea unei litere (type width) este lățimea relativă a literelor sale Gradul de lățime poate varia de la extra-condens la ultra-extins, cu o gamă de valori între ele (Figura ) Cantitatea de text plasată pe o pagină depinde în mod semnificativ de această caracteristică Pentru opi Partea a II-a Bazele tipografiei capitolul Următorii termeni generali sunt utilizați pentru a descrie lățimea fontului: comprimat (condensat), îngust (pargoѵѵ), mediu (mediu), peste (ultra, extra) și larg (extins) b b b b Eras Demi Arial Ora Roman Garamond Rockwell condensat Notă In Ns consozl zem; Priya In na si zei App În pământ și condamnați Prin În a noastră In on in on' Orez Fonturi cu aceeași dimensiune, dar cu lățimi diferite de litere Spații pentru litere Letterspace definește distanța dintre literele individuale dintr-un cuvânt Acest parametru afectează echilibrul vizual al cuvintelor Echilibrul vizual sau optic, care se realizează folosind spații între litere, se mai numește și spațierea culorilor Există două tipuri de descărcare - negativă și pozitivă Cu o spațiere negativă, spațiile dintre litere scad, iar cu una pozitivă, acestea cresc În cele din urmă, dacă spațiile dintre litere sunt prea mari, se poate dovedi că în unele cuvinte sau expresii se poate forma un grup de litere de neînțeles, ceea ce duce la dificultăți în distingerea rapidă a spațiilor dintre cuvinte și, astfel, reduce viteza de citire Cu toate acestea, dacă spațiul dintre litere este prea comprimat, atunci devine din nou dificil să se facă distincția între literele individuale, iar acest lucru împiedică și viteza de citire (Fig ) O regulă generală este că fonturile sans-serif, precum și fonturile înguste, sunt tastate mai bine decât fonturile serif Porniți un program exemplu; dorințe, urme prin potrivirea Valorilor pentru calculul de la stânga la stânga restului intervalului r: să nu depășească Capitolul Sisteme tipometrice Exemplul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Orez Efectul spațierii dintre litere asupra lizibilității Începând de la mijlocul anilor , odată cu îmbunătățirea software-ului de proiectare a tipurilor, multe dintre aceste probleme au fost rezolvate automat, în mod implicit Iar dacă proiectantul dorește să obțină o ajustare mai precisă a spațiului dintre litere, atunci se poate face folosind așa-numita urmărire (schimbarea spațierii dintre litere) sau alte mecanisme, mai avansate, oferite de software Problemele semnificative de spațiere se referă la modul în care textul corpului este justificat (justificat, stânga sau dreapta sau centrat) (Figura ) Spațiile pentru litere sunt ușor generate de software atunci când sunt justificate la stânga, la dreapta sau la centru Cu toate acestea, atunci când textul este aliniat la stânga și aliniat la dreapta în același timp, programul este forțat să calculeze valorile optime de spațiere Aceasta calculează restul spațiului de linii, care este distribuit uniform între literele și cuvintele din șirul dat Acest lucru asigură o spațiere uniformă în cadrul liniilor, dar poate duce și la un font disproporționat și neglijent din punct de vedere estetic Partea a II-a Bazele tipografiei Exemplul - font justificat La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul - Font aliniat la stânga La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul - Font aliniat la dreapta La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Exemplul - Font aliniat la centru La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul La început, Dumnezeu a creat cerul și pământul Orez Justificarea textului (formatat, stânga, dreapta și centrat) și spațierea dintre cuvinte Probleme similare de spațiere a fonturilor apar pentru titlurile care sunt cu majuscule Astfel de anteturi pot necesita o spațiere specială Creșterea sau micșorarea spațiilor dintre litere afectează direct tonul unui cuvânt sau al unui grup de cuvinte De exemplu, în coperțile cărților prezentate în Fig , s-a constatat că fiecare literă are propria poziție, oferind un efect estetic vizibil bazat pe egalitatea optică a spațiilor Acest lucru a luat în considerare caracteristicile fontului precum echilibrul spațiilor dintre litere și dimensiunile literelor, precum și distanța dintre but- Capitolul Sisteme tipometrice dexteritate si tipar În plus, este necesar să se țină cont de principiile ritmului și ale armoniei compoziționale generale Orez Coperți de cărți concepute de autor Titlurile cărților sunt cu majuscule Problemele de lizibilitate legate de scrierea cu majuscule sunt discutate mai detaliat în Capitolul kerning În termeni generali, kerningul poate fi definit pur și simplu ca schimbarea spațierii dintre litere (sau spațierea literelor în cuvinte) Cu toate acestea, într-o formulare mai precisă, termenul kerning se referă la schimbarea spațiilor dintre perechile de litere dintr-un cuvânt Kerningul poate fi folosit pentru literele mici și mari, dar se aplică cel mai frecvent literelor mari Scopul kerningului este de a realiza un echilibru al spațiului optic între literele dintr-un cuvânt La imprimare, literele sunt separate automat prin spații, care sunt calculate și setate folosind un software special Cu toate acestea, în cazuri speciale, proiectantul trebuie să intervină pentru a ajusta spațiile dintre unele caractere care nu au fost setate corespunzător Partea a II-a Bazele tipografiei Kerningul este destul de important pentru că îi oferă designerului controlul asupra echilibrului spațiilor dintr-un cuvânt Destul de des, acest mecanism poate oferi un sprijin semnificativ în recunoașterea rapidă a cuvintelor ale căror imagini sunt stocate în memoria cititorului AV AW LY O A TA Ta Tu Va We Yo AV AW LY OA TA Ta Tu Va We Yo AV AW LY OA TA Ta Tu Va We Yo Orez Exemple de kerning (mărit, zero, automat) Pe fig Figura oferă câteva exemple de perechi de caractere care necesită în mod obișnuit kerning pentru a obține egalitatea corespunzătoare a spațiilor optice Spațierea dintre cuvinte și linii Spații de intercuvinte Mașinile de scris convenționale și procesoarele de text timpurii foloseau un singur spațiu intercuvinte, iar literele din cuvinte au fost separate exclusiv prin intervale egale, deoarece aceste tehnologii nu puneau problema spațiului efectiv între litere Similar spațierii dintre litere, adăugarea sau scăderea spațiilor între cuvinte poate avea un efect dinamic asupra vitezei sau ușurinței citirii cuvintelor în cantități mari de text sau titluri Prea multe spații între cuvinte pot împiedica procesul de citire Spațierea cuvintelor poate afecta, de asemenea, tonul general al textului, de exemplu Capitolul Sisteme tipometrice determinați cât de dens va arăta un bloc de text și influențați capacitatea cititorului de a înțelege rapid sensul acestuia Când vine vorba de spațierea dintre cuvinte, experții în fonturi sunt ghidați de așa-numitul "/-principiu" Această regulă ajută la determinarea semnificației spațiilor dintre cuvinte, pe baza lățimii i minuscule a fontului utilizat Spații de linii Un spațiu între rânduri, denumit în mod obișnuit ca lider, denotă întotdeauna un spațiu între rânduri de text Originea termenului (principal) datează din zilele tastării de mână, când compozitorul construia meticulos fiecare cuvânt și propoziție din litere individuale de plumb - literă cu literă, cuvânt cu cuvânt, rând cu rând și pagină cu pagină Între liniile de text, compozitorul a plasat o bandă de metal, separând fiecare linie de tip, astfel încât descendenții unei linii să nu atingă ascendenții liniei subiacente, oferind astfel spațiul alb necesar Liderarea corectă contribuie la lizibilitatea maximă a textului De-a lungul timpului, tipografii și designerii au ajuns la un acord cu privire la semnificația conducerii pentru o anumită dimensiune de font În prezent, toate programele de aspect și editorii grafici determină automat valoarea necesară pentru fontul cu dimensiunea selectată Liderarea adecvată ajută ochiul să se deplaseze de la o linie la alta și este un factor cheie în realizarea unei benzi de dactilografiere armonioase și funcționale, pe cât de plăcută din punct de vedere estetic, pe atât de ușor de citit Avantajul este măsurat de la linia de bază a unei linii până la linia de bază a următoarei linii (Fig ) Folosirea liniilor de bază este cea mai consecventă modalitate de a măsura liderul, deoarece înălțimea literelor mici variază foarte mult în diferite fonturi din cauza înștiințărilor Aceasta arată liderul!, Acest lucru arată liderll Orez Exemplu care ilustrează măsurarea principală - de la linia de bază a unei linii până la linia de bază a următoarei linii PARTEA III Teoria vizuală a tipografiei Capitolul Grile modulare tipografice Capitolul Zona efectivă a ecranului Capitolul Principiile clarității vizuale Capitolul Instrumente de optimizare a comunicațiilor vizuale Capitolul Capitolul CAPITOLUL Grile tipografice modulare Bazele grilelor modulare Designer și grilă modulară Principalul avantaj al grilelor modulare poate fi considerat disciplina pe care o cere de la un designer care a început să studieze mai întâi principiile compoziției tipografice Când un tânăr designer abia începe să dezvolte o înțelegere adecvată a spațiului plat, grila modulară îl va învăța cum să segmenteze și să folosească diferite planuri pentru a obține o soluție de design bine adaptată, echilibrată și armonioasă atât pentru imprimare, cât și pentru ecran Designerii trebuie să învețe să facă față diferitelor forme în diferite formate de pagină Designerul trebuie să cunoască exact dimensiunile, să reprezinte elementele care vor fi folosite în compoziție și gradul de importanță a acestora unul față de celălalt Luând în considerare acești factori, este gândită și dezvoltată o grilă modulară adecvată Cu toate acestea, grila nu ar trebui să devină un factor dominant care să confere tipografiei o structură rigidă și inflexibilă Ar trebui să acționeze ca un schelet ascuns care servește designerului, nu invers Dacă folosim grila pur și simplu ca un instrument de design bun, atunci trebuie să fie suficient de flexibilă pentru a fi modificată pentru a se potrivi nevoilor creative ale designerului Partea a III-a Teoria vizuală a tipografiei Capitol Grila trebuie să se potrivească stilului personal al designerului, precum și acelor cerințe prestabilite care sunt necesare pentru documentele grafice sau informaționale Designerul trebuie să țină mereu cont de faptul că grila trebuie concepută astfel încât să fie doar o schemă vizuală sau un sistem care să pună ordine într-un număr imens de elemente de tip și picturale disparate Cu toate acestea, calitatea proiectului finit este determinată de forma și funcția sa finală, nu de complexitatea și bogăția grilei Scopul grilelor modulare Un rol esențial în luarea în considerare a spațiului bidimensional și, în cele din urmă, utilizarea unei grile modulare, l-a jucat studiul proporțiilor corpului uman Pe baza progreselor matematice, grilele modulare au oferit fundația de bază pentru arhitectură, arte plastice și tipografie (Figura ) De la primele fonturi de tipar concepute pentru presa de tipar, tipografii au folosit grile pentru a proiecta fonturi și a așeza aspectul detaliat al paginii tipărite O Biblie Gutenberg cu de linii a fost așezată folosind o grilă precisă (Figura ) Utilizarea grilelor este importantă deoarece acestea pot fi folosite pentru a crea un sistem de proporții și instrumente pentru rezolvarea problemelor complexe de compoziție S-a dovedit științific că percepția informației devine rapidă și ușoară dacă pentru prezentarea ei se alege un sistem care dezvăluie conținutul și logica acesteia Pentru a crea layout-uri de pagină armonioase și realiste, nu vă puteți limita la considerente estetice Combinarea cunoașterii sistematice a principiilor proporției și intuiției artistice va ajuta la crearea unei grile modulare competente ca bază a unei compoziții tipografice Ca urmare, se poate crea o grilă pentru orice proiect, pe baza unei idei artistice și a unei analize științifice a formelor și proporțiilor spațiului organizat Acest fapt a fost confirmat de eforturile de secole ale matematicienilor, artiștilor, designerilor și arhitecților din antichitatea greacă, Renaștere până în zilele noastre Grilele modulare sunt folosite de tipografi, designeri grafici, fotografi, designeri industriali și tehnologii de imprimare pentru a rezolva o varietate de probleme vizuale în D și D Prin modelarea spațiului folosind o grilă modulară, designerul poate combina text, Capitolul Grile modulare tipografice jRmtDfanafcri uthrtrbb ifnsl Orez Utilizarea unei grile pentru a proiecta un font Orez Grila modulară poate fi văzută în Biblia Gutenberg cu de linii tipărită în Germania secolului al XV-lea Partea a III-a Teoria vizuală a tipografiei fotografii, diagrame și alte elemente vizuale în conformitate cu obiectivele funcționale ale documentului în ansamblu Mai jos sunt nouă probleme care sunt rezolvate folosind grile modulare P Structura Grilele modulare împart un spațiu D sau D în mai multe zone sau câmpuri mai mici care servesc ca o structură internă pentru stabilirea liniilor directoare ale proiectului și plasarea fonturilor și graficelor R Comandă/Claritate vizuală Grilele modulare stabilesc claritatea vizuală și predictibilitatea unui sistem vizual care poate dirija atenția utilizatorului într-o manieră ordonată □ Organizare/planificare Grilele modulare oferă utilizatorului un sistem bine conceput și organizat pentru prezentarea textului și ilustrațiilor și oferă o prezentare sistematică a faptelor sau secvențelor de evenimente printr-un mediu vizual unificat care permite utilizatorului să prezică cu ușurință plasarea informațiilor ulterioare □ Unitate/Conectivitate Când tipul și materialul grafic sunt plasate corect pe o pagină sau pe un ecran de afișare, grilele modulare mențin un sentiment de unitate și coerență □ Guvernare/Uniformitate Grilele modulare dezvăluie și subliniază dimensiunea spațiului și o gestionează, oferind corectitudine spațială adecvată, consistență și uniformitate P Depanare Grilele modulare oferă proiectantului un mijloc sistematic de a rezolva rapid probleme vizuale simple și complexe □ Ritm/armonie Grilele modulare oferă ritm vizual și armonie în timp ce lucrează la compoziția întregului document □ Uniformitate/înțelegere Grilele modulare creează un sentiment de uniformitate, care de fapt inspiră claritatea proiectului Capitolul Grile modulare tipografice □ Credibilitate/credibilitate O grilă modulară bine concepută subliniază credibilitatea informațiilor afișate și poate contribui în mare măsură la credibilitatea calității generale a operei de artă Formate de pagină și grile modulare Cele mai simple dintre toate formatele geometrice sunt pătratul și dreptunghiul, care oferă o împărțire naturală a formatelor de pagină numite dreptunghi auriu, dreptunghi european și pătrat dublu japonez dreptunghi auriu Dreptunghiul auriu se formează după cum urmează (Fig ) Desenați un triunghi dreptunghic folosind ca latură verticală (BC) jumătate din lățimea laturii orizontale (AB) Conectați punctele A și C pentru a forma un triunghi închis (linia AC) Desenați un arc de la punctul de întâlnire al liniilor orizontale și verticale ale triunghiului (B) până la linia sa ipotenuzei (AC), folosind punctul C ca centru Folosind punctul A ca centru, trageți un alt arc - între liniile AC și AB, începând de la capătul inferior al arcului anterior până la intersecția cu dreapta AB și desemnați acest punct cu litera Z Extindeți un al doilea arc de la punctul Z până la intersecția cu o dreaptă perpendiculară trasată anterior în sus din punctul A pe triunghi Aceasta va forma linia verticală (partea scurtă) a dreptunghiului auriu Punctul Z de pe linia de bază (AB) a acestui dreptunghi Orez Crearea unui dreptunghi auriu Partea a III-a Teoria vizuală a tipografiei o poreclă îl va împărți în două segmente de lungime inegală: un AZ mare (notat cu litera X) și un ZB mic (notat cu litera Y) Segmentul X reprezintă latura scurtă și AB latura lungă a dreptunghiului de aur dreptunghi european Dreptunghiul european este desenat ca o prelungire a pătratului de-a lungul arcului diagonalei sale (Fig ) Acest dreptunghi oferă și baza standardului european de hârtie din seria A (Fig ) Țările europene au adoptat dimensiuni internaționale de hârtie (ISO - Internațional Standaitization Organization sau ISO - International Organization for Standardization), care se bazează pe sistemul metric Standardele ISO pentru dimensiunea hârtiei se bazează pe un dreptunghi ale cărui laturi au un raport de unu la rădăcina pătrată de ( : , ), indiferent de câte ori este divizată dimensiunea hârtiei Prin urmare, fiecare jumătate a foii își va păstra întotdeauna proporțiile constante Orez Construirea unui dreptunghi european Orez Proporții de hârtie standard seria A pătrat japonez Pătratul japonez formează o structură asimetrică prin unirea a două pătrate împreună (Figura ) Pentru designeri și artiști, un pătrat poate fi, de asemenea, un factor important atunci când proiectați o grilă, dar această formă nu este întotdeauna potrivită Capitolul Grile modulare tipografice Orez Construirea unui pătrat japonez A A -X (tm)" AZ (tm)" X (tm)" LA (tm)* X (tm)" A -X (tm)" LA -X (tm)" b Orez Comparație între dimensiunile hârtiei americane (a) și europene (b) Dimensiunile foilor de hârtie americane și europene Formatul pe care designerul creează aspectul poate fi ales în mod arbitrar Există, totuși, proporții standard utilizate în America și Europa care sunt importante de știut (Figura ) Cel mai popular format din Europa este A , care este de aproximativ , x , (în inci) sau x (în milimetri) În formatele standard, înălțimea și lățimea coloanelor se măsoară metric, folosind sistemul tipografic de puncte (puncte), vârf (picas) sau cicero (cіsigo) (în sistemul european) Principiile construirii unei grile modulare Împărțirea spațiului folosind o grilă modulară ar trebui să înceapă de la margini, adică de la marginile din stânga, dreapta, de sus și de jos ale paginii Apoi, formatul trebuie împărțit într-un anumit număr de coloane și apoi, după caz, într-un număr de linii În funcție de lățimea totală a paginii, puteți seta numărul de coloane între și Coloanele servesc în primul rând pentru a găzdui textul, astfel încât regulile de lizibilitate joacă un rol important în determinarea numărului de cuvinte care se potrivesc într-o linie a unei coloane Alegerea unei game de coloane și împărțirea lor ulterioară este determinată de designerul de layout Partea a III-a Teoria vizuală a tipografiei În funcție de cât de complexă trebuie să fie grila Factorii suplimentari, cum ar fi dacă un document conține pagini individuale, întinderi sau pagini multiple, pot influența, de asemenea, stilul și complexitatea unei grile Grila modulară se va modifica în funcție de elementele de bază incluse în ea, în funcție de ceea ce este proiectat - o carte, o revistă, o broșură sau o pagină Web Acest lucru ar trebui să țină cont de plasarea elementelor tradiționale de layout, cum ar fi numere de numerotare, titluri, subsoluri, margini și, în cazul proiectării interfeței site-urilor Web, elemente de navigare Elemente de grilă modulare Lățimea coloanei O sarcină destul de dificilă în formarea unei grile tipografice modulare este determinarea lățimii coloanelor, în special pentru font, care trebuie să fie atractiv și corect vizual (Fig ) Exemplul : lungimea de linie cea mai neadecvată pentru o anumită dimensiune de font Dimensiunea fontului dvs ar trebui să determine conducția adecvată pentru a obține cel mai înalt nivel de lizibilitate Exemplul Lungimea liniei nu este încă suficientă pentru dimensiunea de font dată Dimensiunea fontului dvs ar trebui să determine conducția adecvată pentru a obține cel mai înalt nivel de lizibilitate Dimensiunea fontului dvs ar trebui să determine conducția adecvată de realizat Exemplul : Cea mai bună lungime a liniei pentru o anumită dimensiune a fontului ( puncte) Dimensiunea fontului dvs ar trebui să determine conducția adecvată pentru a obține cel mai înalt nivel de lizibilitate Dimensiunea fontului dvs ar trebui să determine conducția adecvată pentru a obține cel mai înalt nivel de lizibilitate Orez Exemple cu trei lungimi de șir Capitolul Grile modulare tipografice Lățimea coloanei trebuie aleasă în funcție de dimensiunea fontului, precum și de formatul general al paginii sau al ecranului de afișare De exemplu, pentru dimensiunile fonturilor de la la (puncte), trebuie să furnizați o coloană largă, iar pentru fonturile de la la - , una mai îngustă Dacă lungimea liniei într-o coloană este prea scurtă, poate provoca oboseala ochilor, forțându-i să schimbe liniile prea repede, întrerupând astfel fluxul continuu și fluid al citirii Dacă lungimea rândului este prea mare, atunci acest lucru poate provoca un sentiment de confuzie și dezorientare a cititorului, obligându-i ochii să caute următoarea linie, ceea ce rupe și continuitatea lecturii Legat de problema lățimii coloanei este și problema principală (vezi mai jos) În funcție de dimensiunea fontului aleasă pentru citire, cercetătorii au descoperit că o linie ar trebui să conțină aproximativ până la cuvinte Proporțiile câmpului Fiecare zonă a setului tipografic trebuie să fie înconjurată de o zonă goală sau non-text Această zonă neutră se numește câmpuri Scopul găsirii unei zone de câmp adecvate în grilă este de a crește lizibilitatea textului Din punct de vedere optic, marginile permit textului să "respire" liber, făcând astfel citirea mai ușoară într-un format armonios care este îmbrățișat de spațiul deschis Aceste câmpuri nu ar trebui să fie prea înguste O greșeală comună pe care o fac tinerii designeri este că încearcă să mențină marginile înguste, plasând banda de tastare foarte aproape de marginile paginii Acest lucru deranjează echilibrul dintre zonele text și non-text și creează impresia că pagina este plină de text Un designer calificat va include întotdeauna cât mai multe spații posibil în grila de aspect pentru a sprijini interacțiunea dinamică între text și spațiul alb Această zonă poate varia în funcție de dimensiunea formatului, zona de tastare, cantitatea de text și/sau orice alte variabile determinate de alte imagini, ton sau culoare Există, totuși, câteva principii "empirice" care pot fi folosite ca ghid de acțiune În primul rând, ar trebui să existe o anumită logică și uniformitate în plasarea începutului textului pe fiecare pagină În al doilea rând, ar trebui să existe suficient spațiu alb în jurul textului, proporțional cu dimensiunea paginii Și, în sfârșit, dacă pagina conține text relativ mic, iar fontul este mare, atunci marginile ar trebui să fie mai largi Legea Partea a III-a Teoria vizuală a tipografiei Margini de o singură pagină În funcție de locație (sus, jos, stânga sau dreapta), marginile pot afecta percepția în moduri diferite și pot servi unor scopuri diferite Într-un format de pagină, marginile din stânga și din dreapta sunt aceleași, marginea de sus trebuie să fie puțin mai mare decât marginile laterale, iar marginea de jos trebuie să fie mai mare decât marginea de sus (Fig ) Diferența de margini este necesară deoarece centrul optic al paginii este puțin mai înalt decât cel geometric Orez Câmpurile unei singure pagini fără a lua în considerare centrul optic (a) și luând în considerare ( ) Margini laterale externe Atunci când proiectați o întindere de două pagini (pagină în față), relațiile de marjă devin mai complexe Când două pagini sunt una lângă cealaltă, marginile exterioare (în partea stângă a paginii din stânga și în partea dreaptă a paginii din dreapta) au aceeași lățime Aceste margini sunt uneori numite margini de spațiu pentru degetul mare Marginile interioare ale celor două pagini desfășurate trebuie să aibă și ele aceeași lățime Uniunea a două pagini se numește câmp rădăcină (jgheab) (Fig ) În funcție de designul produsului tipărit, foaia este pliată sau capsată în acest domeniu Marginea coloanei crește adesea datorită faptului că în regiunea cotorului paginile pot să nu se afle în același plan, ceea ce reduce vizual dimensiunea marginilor Capitolul Grile modulare tipografice Margini externe Câmp rădăcină Orez Întindeți cu marginile exterioare și ale coloanei vertebrale Margini de sus și de jos Câmpul din partea de sus a paginii se numește câmp de antet (spațiu sinker) Această zonă conține informații de antet repetitive, cel mai adesea titlul unei cărți, capitol, secțiune și/sau numărul paginii (numărul coloanei) (Fig ) Marginea de jos a unei pagini se numește spațiu de subsol și subsol Acest câmp poate conține informații similare ca mai sus, dar nu le dublează niciodată În unele publicații, ambele tipuri de câmpuri pot fi combinate, de exemplu, un antet și un subsol sunt plasate în partea de sus, iar o cifră de coloană este plasată în partea de jos Desigur, designerul are dreptul de a alege conținutul acestor câmpuri Lider și lățimea coloanei Un factor cheie în asigurarea ușurinței și a vitezei de citire la o anumită lățime a coloanei este alegerea corectă a conducerii Dacă liniile sunt prea apropiate, atunci ochii pot sări și sări peste liniile adiacente, rupând continuitatea lecturii Pentru grile modulare, instalarea corectă a inter- Partea a III-a Teoria vizuală a tipografiei linajul este un factor suplimentar în realizarea unui design armonios Paginare Definirea unui loc în grilă pentru numerele de pagină, numite și numere de coloane, este importantă atât din punct de vedere estetic, cât și din punct de vedere funcțional După cum sa menționat mai sus, numerotarea poate fi plasată în subsoluri sau anteturi La alegerea locului de amplasare a numerotării, experții au observat că funcționalitatea se realizează cel mai bine atunci când numerotarea este plasată în colțurile din stânga și din dreapta sus sau jos ale paginii (Figura ) Plasarea numerotării în centrul paginii poate părea cea mai fiabilă soluție, dar această soluție dă o impresie statică și monotonă Indiferent dacă numerotarea este plasată deasupra, dedesubt, la stânga sau la dreapta barei de text, spațiul care o separă de text ar trebui să fie aproximativ același ca între coloane Cu alte cuvinte, numerotarea nu trebuie să fie prea departe de text, pentru că atunci poate trece neobservată Capitolul Grile modulare tipografice Tipografia astăzi Exemplul Folioul b Exemplul Gurodgaryu Astăzi Folioul Orez Amplasarea numerelor de pagină Partea a III-a Teoria vizuală a tipografiei Font pentru textul corpului Secțiunea principală tipografică a grilei paginii este zona textului corpului Relația dintre zona corpului textului și dimensiunea totală a paginii este determinată în mare măsură de cantitatea de margini care trebuie definite pentru un echilibru adecvat al textului și al spațiilor albe Zona reală și locația textului principal sunt determinate în principal de caracteristicile sale cantitative și de proporționalitatea specificată în timpul formării grilei modulare Dacă aspectul folosește text de volum mic, dar, în același timp, datorită fontului mare, ocupă o suprafață mare, atunci designerul poate fi foarte liberal în ceea ce privește dimensiunea marginilor În caz contrar, este necesară o planificare mai atentă, astfel încât cititorul să nu aibă un sentiment de etanșeitate, care poate afecta direct scăderea lizibilității CAPITOLUL Zona eficientă a ecranului Când proiectați o grilă pentru un proiect Web, este important să luați în considerare importanța spațiului pe ecran Pentru tipărirea tradițională, a existat întotdeauna problema spațiului limitat al paginii și impactul acestuia asupra esteticii proiectului, precum și problema economică a costului hârtiei Cu toate acestea, atunci când trecem la risipa sau utilizarea greșită a spațiului în interfața unui site Web, sensul evaluării unui astfel de spațiu se schimbă Aici o rețea bine organizată poate ajuta la prevenirea supraîncărcărilor inutile și la obținerea spațiului pe ecran necesar pentru afișarea informațiilor importante Determinarea zonei efective a ecranului Imobiliare se ocupă de spațiile disponibile în interfața browserului Web pentru afișarea conținutului important De regulă, utilizarea eficientă a zonei efective a ecranului este una dintre cele mai dificile probleme de proiectare a site-ului din cauza dorinței de a avea cât mai multe informații și controale pe ecran În cele mai de succes proiecte, nevoia de comenzi ascunse și derulare este minimă Dar cantitățile excesive de informații, de regulă, sunt prost organizate sau de neînțeles Rezultă că spațiul disponibil trebuie utilizat eficient și Partea a III-a Teoria vizuală a tipografiei eliminați corect atât conținutul, cât și zonele goale Zona eficientă și prezentarea rațională a informațiilor Zona efectivă de pe ecran este întotdeauna solicitată, cum ar fi bunurile imobiliare, a căror valoare este determinată de locația și dimensiunea sa De exemplu, un ecran de dimensiune și rezoluție limitată nu este capabil să afișeze cantitatea necesară de informații complexe atât în aplicațiile software, cât și în browserele Web Acest conflict este de nerezolvat dacă dezvoltatorii de site-uri web au o mulțime de idei și sarcini complexe pe care doresc să le aducă pe ecran, dar întotdeauna nu există suficient spațiu pentru asta Prin urmare, singura soluție la această problemă este salvarea mijloacelor de reprezentare Pagina web ar trebui să fie complet dominată de conținutul care este de interes pentru utilizator Conținutul este zeitatea care ar trebui să fie dedicată majorității spațiului ecranului Conținutul nu este doar text, el include și elemente compoziționale, cum ar fi fotografii și imagini Ultimele elemente ar trebui incluse în conținutul spațiului ecranului, acest lucru va spori sensul paginii sau conținutul site-ului Web Conținutul este motivul pentru care un utilizator vizitează site-ul dvs Web, așa că ar trebui să fie punctul central al designului spațiului dvs pe ecran Decor continut interesant Designul simplu va depăși întotdeauna complexul, mai ales pe un site Web unde fiecare cinci octeți economisește o milisecundă în timpul încărcării Este și mai imposibil să prezici ce dimensiune au monitorul utilizatorilor tăi sau ce dimensiune fereastră folosesc pentru a vizualiza o pagină Web Utilizatorii pot accesa, de asemenea, site-ul Web folosind dispozitive portabile, telefoane mobile sau sisteme de mini mașini Majoritatea paginilor site-ului Web se afișează complet doar pe un monitor de inchi cu o rezoluție a ecranului de cel puțin Capitolul Zona efectivă a ecranului la x pixeli La o rezoluție mai mică, informațiile nu se potrivesc pe ecran, iar utilizatorii sunt nevoiți să recurgă la barele de defilare pentru a vizualiza toate fragmentele paginii Designul paginii este de fapt partea vizibilă a interfeței În tehnologia modernă de browser, utilizatorii vizualizează doar o pagină odată Pagina Web ar trebui să fie dominată de conținut care este de interes pentru utilizator și nu de materiale aleatorii și puțin legate Din punctul de vedere al zonei efective a ecranului, spațiul gol exterior ar trebui să fie liber de orice mesaje Mai mult, designerul trebuie să folosească aceste spații goale pentru a permite conținutului să respire liber De asemenea, spațiul alb poate ghida ochiul și poate ajuta utilizatorii să înțeleagă logica plasării informațiilor Raportul secțiunilor paginii Conținutul ar trebui să ocupe - % din suprafața paginii Elementele de navigare ar trebui să ocupe mai puțin de % din spațiul paginilor obișnuite, dar pot ocupa mai mult spațiu pe paginile de titlu și de meniu Navigarea este esențială pentru toate site-urile Web și ar trebui să fie bine organizată Cu toate acestea, navigarea nu este în niciun caz un scop în sine În general, site-urile Web au o secțiune mare de navigare Studiile asupra tuturor tipurilor de sisteme hipertext au arătat că utilizatorii se pot aștepta la un răspuns de doar câteva secunde pentru a naviga de la o pagină la alta Nu trebuie să depășească secunde, deoarece este dificil pentru utilizator să mențină atenția și interesul pe o perioadă lungă de așteptare Pe aproape toate paginile Web, spațiul efectiv pe ecran poate fi împărțit în patru secțiuni principale: conținut, publicitate, navigare și spațiu liber Zona de publicitate conține de obicei bannere sau reclame Deoarece încărcarea bannerelor poate dura mult timp și nu se potrivește cu designul site-ului dvs Web, ar fi ideal să scăpați de ele cu totul, mai ales dacă afacerea dvs nu se bazează pe a câștiga mulți bani din anunțurile banner Luați în considerare site-ul web MSNBC Pe fig Figura arată starea actuală a acestui site Pe fig arată același site cu puncte Partea a III-a Teoria vizuală a tipografiei "LRJBC mmSB ioH •> si'i ♦kw" Ouyiwss io rti local Hartiti fecbnoîopr LMim-Tr*^ TV W Opnwn WMibar ѵtDmchyVS M Hco Fg" la știri con erenco Maw York Yig o Giulieri UJ JM " - CI O"± IZ ZXH t MSNBC NewsStand GRATUIT! Antrax CHVSCHALM' GmvІgeaIaY" HmtopfotcctytHj utf Slav Healthy, Uve Ltog Dtets Rnmbing dbubb vreodată • Fe*t eirco oltackt tladod Sondaj Hcimb roavm anii terorHm ІІІ • Bi may ba seni to Buth lei waik Paklrf "n dampe down on pro vma • Vschі "rn clach r> K "ah ONU, Annen wtn Rebel Peace Prize • Wark pentru în "n-sau" wordd' cfled Marken dn, decât racovar Jos jos B N tdag sus AMLRK'Al •WMdiMUtPCUHi ferOtoUiaM Video Heidlkm UveVidM Lv ■><> •" Groundwork ■ am iuta si shkіb b*ckj as chem om rv • A'izhi?" aYamKa • Vianwo ttimr-am " Oțpoemg ^ortas • Anftir" tiveai • US mlUlaryrragTU * Cîial BtWut G • Specl ierte" • OiMdeioA^raniuan • Vyyuia otnLsa*?* OurdetoPa-rtlin msmbcoukklbms • ftea Naws Alert ■ The Waa" n Fhcturw • n>kore * Deiveinw pagei Fri'-yourZlP cada to gal tocai nsws sp-rts, nndweaihu ?p tQO' Volu-Dyu "Uf" ff ■ :v>B to| LaaM ІііlPI | *■ """ 'lrx"e A Tiaril t 'U l I BUH"Mt •"" MtH I S GT -I | Fw | Ak"M shevas | H ls I Ir "> taMC">rt |a>aa{WiiMUr| A ntSMn*a" MMC |T m С"qua>*g>>> po"* UC l HNlih Citește mai mult UvtoS "Travel IV Mens Opinmns Waaibcr $l"p*MSN MSNXM o Un dnax lyut t nfienţă N-* Primarul Yortk Gailianr 'MSNBC NewțSta-id GRATUIT! w Antraxul -"NEW YORK" Hrtle (gl^eoHe tftiwft ^>l"oVWa"> (D>LaL Â> BroaJbaoil Thew nh in p rtiret Dar yvlimv pasia t HrOwre Enlwf ynur * ssni xo )■! І С І "eww spoita lpn wsiihw Orez Pagina site-ului web MSNBC cu zone numerotate care nu conțin știri (conținutul acestor zone este mutat în partea de jos a ecranului) MLDd IIIJ hm Loden tkdhn b'ka apch keedM BtSIMM ort ■ Horesc VASYA: M LN IIV kt • w gmyugkmish Onmrirtttirtai ort CnatMcui* OuieeioAfsnarHiM" dn?" Outoe *o PaM lan t II NISL [stpikcs sunt: •Wcicti MSNBC CaNe tn th lMMl Capitolul Zona efectivă a ecranului B Eu TVOSHO Ne* Ycrfr M"yor GtiAM" Antrax aa"y V W N jhiiy Hews CNt ІЬЧВК M^MIC țb> N"w" MSNBC NewsSUnd FRE EI En("i yaui ZII* cod" (o get loc") r"v* *p -re an" weerh n MSNKClM"h"tNI"" "yit*ch hft" a MlWО IP KrțVW JatePCfwU* acea! Lwe Long YltaH""rfllnM (feOb" Vita MIC A- anii trrrorhun Ы І MS" "t IO BtISh n" al W "A Paknlen riarnpf dowi * on protesta • Violări clas?) n K'Ach Premiul UH Ann'n wir Notai Paaca • Worv pentru un mor"p""retol wgrid* citat pe doamna k"u"lip recuperarea titanului " Do * dovrn N "ad" S Ufl Bcmling•Fw*t•n MtMQk TIYu BACA: AS SC V OO TV i owm" attadu * w"r* "n i* tort"v • A-aimVirtat ■yrr*jt* • cnattautit Sotclal forța" • OuldatoAfJhar'Htan • Wfio i" bai LataY* OukHBc MSMCQUKKiaatt • Fn"Nt* Al"d • Tn"We k"*lF"tur"" • Htxosci^" • De" va îowpayi" Orez Pagina site-ului web MSNBC cu meniu evidențiat și zone de navigare plasarea a patru reclame sau elemente străine (pentru o mai mare claritate, acestea sunt plasate în câmpul gol inferior al ecranului, iar în locul lor sunt lăsate dreptunghiuri gri numerotate) Pe fig Figura - arată în același mod cât de multă atenție este acordată meniurilor și butoanelor de navigare în designul paginii Dezvoltatorii acestui site Web și-au mărit dimensiunea site-ului lor de informații concentrându-se mai degrabă pe conținutul de știri decât pe reclame sau materiale pe care majoritatea utilizatorilor nu le doresc Fonturi pentru ecran Designerii ar trebui să proiecteze paginile astfel încât să poată lucra pe ecrane mici și să nu depindă de rezoluția ecranului În loc de dimensiuni fixe, ar trebui să definiți plasarea elementelor ca procent din spațiul disponibil Partea a III-a, Teoria vizuală a tipografiei Utilizatorii pot folosi fonturi de diferite dimensiuni pentru a afișa pagini Web (de exemplu, din cauza vederii slabe sau a rezoluțiilor foarte mari ale ecranului), astfel încât proiectele cu fonturi mari și mici ar trebui să funcționeze bine Orice text de pe pagină trebuie să fie suficient de mare pentru a putea fi citit la diferite rezoluții de ecran p c Pr in check ST (MO nici KOI nici Su VO k II Orez Șase opțiuni de meniu de interfață proiectate de proteza auditivă plѵ$ "fAMTNlmi Glsrkl kpchmti vgsishm că poliția rutieră cVGewefcVH *WU *H$GOCH IriFO ◄t> r^ MftS NrtrCNfr o BB E Ea' J )M $ ♦ IV^e VP ML ir'Tv^wcv *dA,Ai L'vM/ ^EAțte^- IwZ^ TAH^Afî "LTGO Parteneri MTS : min Scrieți un articol despre CGT la Universitatea Purdue și aveți nevoie de informații despre decanul facultății Găsiți informații despre SCC care vă interesează Accesați următoarea pagină: Lista facultăți/personal -> Dr Bertoline MTS : min Aveți la dispoziție USD pentru a investi în programul "Alege stația de lucru" la CGT Verificați site-ul web pentru a vedea dacă acest lucru este suficient pentru a îndeplini cerințele de bază ale acestui proiect SCC Accesați pagina următoare și găsiți costul stației de lucru: Știri/Programe -> Adopta o stație de lucru MTS : min Legendă: SCC (Successful Completion Criteria) = Criterii de finalizare cu succes MTS (MaximumTtime to Complete) = timpul maxim de finalizare Partea K Metodologia de evaluare a eficacității interfețelor grafice Formulare de descriere a sarcinii Utilizator # Companie: Adresa site-ului: Tabelul Un exemplu de formular de descriere a sarcinii Sarcina nr Descrierea sarcinii / Capitolul Testarea aplicabilității bazată pe sarcini Tabelul Formular pentru înregistrarea observațiilor - tabel de date agregate Sarcina Nr Participanți Timp de executare a sarcinii (min , sec ) Sarcina finalizată (Da/Nu) Descrierea comportamentului utilizatorului Timp de execuție a sarcinii (min , sec ) Sarcina finalizată (Da/Nu) Descrierea comportamentului utilizatorului Timp de executare a sarcinii (min , sec ) Sarcina finalizată (Da/Nu) Descrierea comportamentului utilizatorului Timp de executare a sarcinii (min , sec ) Sarcina finalizată (Da/Nu) Descrierea comportamentului utilizatorului Timp de executare a sarcinii (min, sec) Sarcina finalizată (Da/Nu) Descrierea comportamentului utilizatorului TOTAL: Zach Partea V Metode de evaluare a eficacității interfețelor grafice Chestionar post-sarcină Acest chestionar este doar un exemplu Vă rugăm să citiți și să corectați textul pentru produsul dvs !!! Cod utilizator: Companie: Adresa site-ului web: Expert Data Ora Vă rugăm să răspundeți la următoarele întrebări pe baza experienței dvs cu site-ul Wcb Simboluri (încercuiți după caz): P SA - pe deplin de acord; □ A - de acord; P N - iti este greu sa raspunzi; P D - dezacord; P SD - Nu sunt total de acord Limba listei de sarcini a fost ușor de înțeles? SA ND SD Cantitatea de informații de pe pagina principală a fost SA ND SD suficient? Utilizarea culorii a fost adecvată? SA ND SD Informațiile au fost grupate secvenţial? SA ND SD Navigarea a fost în esență intuitivă? SA ND SD Iveta și navigarea off-site a fost consecventă? SA ND SD Au existat suficiente informații pe paginile de conținut? SA ND SD Sistemul de referințe încrucișate este consecvent pentru SA ND SD secțiuni și informații? Tema și titlurile paginii au fost evidente? SA ND SD Este necesară derularea frecventă pentru a ajunge la SA ND SD Informatia necesara? A fost util cuprinsul? SA ND SD A fost necesar și a avut succes căutarea pe site? A fost terminologia clară pe tot site-ul web? Grafica a fost clară și clară? Textul și grafica au fost plăcute din punct de vedere estetic? S-au încărcat paginile în general rapid? SA N SA N SAN SAN SA-N DSD DSD DSD DSD DSD Capitolul , Testarea aplicabilității bazate pe sarcini Impresie generală a site-ului Pe baza a ceea ce ați văzut astăzi, cum ați evalua acest site web pe următoarea scală de puncte (unde este cel mai rău și este cel mai bun)? Vă rugăm să încercuiți evaluarea corespunzătoare Mai jos, vă rugăm să adăugați orice comentarii sau sugestii care credeți că ar trebui să ne ajute să evaluăm aplicabilitatea acestui site Web CAPITOLUL Tehnica "Gândește cu voce tare" Definiție Tehnica "gândește cu voce tare" implică participanții care realizează un scenariu de utilizator, interacționând cu produsul software testat și își exprimă (exprima în cuvinte) gândurile și opiniile Aceasta este o modalitate de a intra în mintea utilizatorului, permițându-vă să transferați ceea ce este în interiorul lor în lumea exterioară - pentru documentare Această metodă poate fi utilizată în orice stadiu de dezvoltare, dar, de regulă, cu un prototip al produsului testat Pentru a obține date calitative, este necesar să colectați cel puțin cinci participanți la astfel de testare Această tehnică oferă informații de feedback imediat legate de ușurința de utilizare și transparența sistemului Atunci când se ia în considerare un produs, unei echipe foarte diversificate (de la începători în computer până la experți) i se atribuie cinci până la zece sarcini În același timp, sunt observați și rugați să spună cu voce tare ceea ce cred, astfel încât problemele să poată fi identificate cu ușurință Voluntarii sunt rugați să comenteze, să critice sau să laude produsul de îndată ce consideră că este necesar Înregistrarea reacțiilor utilizatorilor se poate face pur și simplu pe hârtie, dar de obicei cu echipamente audio și video adecvate, precum și înregistrarea acțiunilor acestora pe un computer Capitolul Tehnica de gândire cu voce tare Beneficiile "Gândește cu voce tare" □ Această metodologie oferă o modalitate ieftină de organizare a feedback-ului eficient și de înaltă calitate □ Participanții care utilizează înregistrări video sau audio oferă informații valoroase pentru detectarea posibilelor erori de aplicabilitate □ Avantajul acestei tehnici este simplitatea ei Necesită doar o cantitate mică de expertiză și oferă cheia pentru rezolvarea problemelor de aplicabilitate atât specifice, cât și generale ale sistemului în curs de dezvoltare Dezavantajele Think Out Loud □ Dezavantajele asociate cu această tehnică includ constrângeri semnificative de timp din partea utilizatorului □ Această metodologie nu furnizează datele cantitative necesare pentru evaluarea unui produs Mulți cercetători consideră că o tehnică care utilizează un set de date controlate este mai fiabilă Ca urmare, informațiile se dovedesc a fi subiective și pot depinde de lista sarcinilor alese □ Dacă cercetătorul decide că creionul și hârtia nu sunt suficiente, atunci această tehnică poate necesita dispozitive de înregistrare destul de scumpe Testare și raportare metoda "gândește cu voce tare" Efectuarea unui test Alegeți cinci participanți care, după cum sa menționat mai sus, ar trebui să acopere întreaga gamă de utilizatori țintă, de la începători la profesioniști □ Rugați toți utilizatorii să răsfoiască site-ul Web descărcat □ Dacă această tehnică este utilizată împreună cu testarea bazată pe sarcini, atribuiți un timp fiecărei sarcini și înregistrați toate cuvintele utilizatorilor pe măsură ce aceștia finalizează sarcina □ Pentru o mai mare acuratețe, este mai bine să înregistrați fiecare sesiune a sarcinii pe o bandă magnetică După aceea trebuie să te întorci Partea V Metode de evaluare a eficacității interfețelor grafice înapoi și descifrați toate sau numai afirmațiile cheie din cele spuse Încercați să extrageți cele mai utile informații despre site-ul Web pe care îl testați P Păstrați o evidență exactă a tuturor documentației, înregistrând numărul utilizatorului, data și ora inspecției Scrieți un scurt rezumat al celor mai importante probleme de aplicabilitate găsite în interfață în timpul testării Creați liste de rezultate pozitive și negative, precum și recomandările dvs Pentru fiecare recomandare, identificați motivul pentru care a apărut problema și descrieți sugestiile dvs pentru îmbunătățiri suplimentare ale produsului CAPITOLUL Critica mentala Definiție O tehnică de revizuire mentală implică unul sau un grup de experți care examinează o interfață cu utilizatorul prin efectuarea unui set de sarcini și evaluarea ușurinței sale de învățare, înțelegere și aplicabilitate generală Interfața cu utilizatorul este adesea prezentată sub forma unei machete de hârtie numită prototip rapid În general, puteți folosi și un prototip funcțional sau o interfață complet dezvoltată - dar nu pentru un astfel de test Această tehnică este cel mai bine utilizată la începutul dezvoltării unui proiect, precum și în timpul fazelor de codare, testare și implementare, dar din nou, nu pentru acest tip de validare Procesul de analiză critică mentală implică un expert (sau un grup de experți) care revizuiește acțiunile efectuate de utilizatori, acordând atenție: □ cântat de utilizator, stabilit în contextul scenariului; □ acțiuni ale utilizatorului; □ feedback oferit de utilizator Ţintă Principalul obiectiv al criticii mentale este de a stabili gradul de ușurință de învățare atunci când un utilizator învață un sistem într-un efort de a îndeplini o sarcină specifică, orientată spre un scop Din punct de vedere istoric, mulți preferă să învețe cum să lucreze cu un sistem examinând funcționalitatea acestuia Partea I Metode de evaluare a eficacității interfețelor grafice posibilități reale în practică, și nu după un studiu suficient de lung sau vizualizarea manualului de utilizare tipărit Acest proces de învățare este condus de întrebările pe care expertul le pune utilizatorului în procesul de analiză critică În același timp, expertul creează un scenariu pentru fiecare pas al sarcinii pe tema a ceea ce acest pas este bun sau nu pentru un utilizator nou Deci, scopul analizei critice este de a găsi: □ probleme asociate cu usurinta invatarii procedurii de indeplinire a unei sarcini; □ probleme asociate cu deficiențele interfeței; □ probleme care vor interfera cu interacțiunea dintre utilizator și sistem; □ discrepanța în înțelegerea sarcinii între utilizatori și designeri; □ asistență insuficientă a utilizatorului (ex meniuri, butoane, etichete etc înșelătoare sau ascunse); □ feedback inadecvat; □ ipoteze inițiale exprimate de dezvoltatori cu privire la abilitățile și cunoștințele utilizatorilor și stabilite pe baza interfeței create Proceduri de analiză critică mentală Formularea problemei Vă puteți face o idee despre informațiile pe care trebuie să le cunoașteți pentru a dezvolta un scenariu legat de sarcinile de testare a designului interfeței analizând următoarele patru întrebări Aceste informații pot fi colectate prin chestionare, interviuri informale sau prin definirea și rafinarea obiectivelor produsului Ar trebui să includă, de exemplu, o listă de sarcini cu descrierile și soluțiile acestora Vă las detaliile deciziilor la discreția dumneavoastră Cine va folosi interfața sistemului - care este publicul utilizatorilor? • Acest lucru ar trebui să ia în considerare experiența anterioară sau cunoștințele tehnice pe care le au utilizatorii atunci când încep să lucreze cu o interfață nouă Capitolul Analiza critică mentală • Este necesar să se ia în considerare nivelul de conștientizare al utilizatorului atât cu privire la sarcina în sine, cât și la interfața acesteia Ce ar trebui să știe utilizatorul înainte de a efectua o sarcină și ce ar trebui să învețe în timpul executării sarcinii? Ce sarcină (sau sarcini) vor fi analizate - o listă de sarcini care contribuie la atingerea obiectivelor utilizatorilor? • În general, numărul sarcinilor de control ar trebui să includă toate sarcinile principale, dar în limite rezonabile • Selectarea sarcinilor ar trebui să se bazeze pe cercetarea pieței, analiza nevoilor, dovada conceptului sau analiza cerințelor Dacă nu aveți experiența necesară pentru a analiza problemele pe care le dezvoltați, interviurile informale cu potențialii utilizatori vă pot ajuta Care este succesiunea corectă de acțiuni (pași) pentru fiecare sarcină (inclusiv un scenariu care în practică ajută utilizatorul să înțeleagă mai bine sarcinile de analiză critică)? • Pentru a finaliza o sarcină vizată, utilizatorul trebuie să efectueze o anumită secvență de acțiuni • Pentru fiecare sarcină, scrieți o descriere a modului în care (în opinia dumneavoastră) utilizatorul își imaginează această sarcină (înainte de a studia interfața) • De asemenea, este necesar să se furnizeze o descriere a secvenței de acțiuni prin care o sarcină ar trebui efectuată cu versiunea curentă a interfeței • Exemple de acțiuni - Apăsați tasta , Mutați cursorul în meniul Fișier, Faceți clic pe butonul de meniu E-mail (E-mail) sau Video (Film), selectați sub-alternative (opțiuni), etc Se poate fi, de asemenea, o serie de câțiva pași simpli pe care un utilizator obișnuit i-ar putea efectua într-un bloc, cum ar fi "Alege comanda Salvare din meniul Fișier" Cum este definită interfața? • O interfață este definită de contextul fiecărei sarcini din sistem și de modul în care aceasta se aliniază cu scopul final • Definiția interfeței ar trebui să descrie solicitările care preced fiecare acțiune și sunt necesare pentru a efectua sarcinile analizate, precum și răspunsul interfeței la fiecare dintre aceste acțiuni Partea V Metode de evaluare a eficacității interfețelor grafice • Nivelul de detaliu în definirea interfeței va depinde de expertiza sistemelor existente pe care o au utilizatorii așteptați Flux de lucru de analiză critică Analiza critică necesită o revizuire detaliată a secvenței activităților Un flux de lucru reprezintă pașii (sau "pașii") pe care un utilizator trebuie să îi parcurgă pentru a finaliza o sarcină Având o astfel de secvență, examinatorul o execută, verificând eventualele probleme în aspecte precum ușurința de învățare și aplicabilitatea Sarcina de interfață este împărțită în pași separați, care sunt analizați individual pentru prezența legăturilor între obiective, artefacte (idiomuri de interfață), acțiuni și rezultate Fiecare pas este evaluat după gradul de succes, care depinde de rezultatele acestei analize Pentru fiecare pas al sarcinii, experții încearcă să creeze un scenariu pentru finalizarea cu succes a acesteia Un scenariu este un plan pregătit în prealabil pentru utilizarea unui dispozitiv într-o situație reală, care direcționează utilizatorii să efectueze una sau mai multe sarcini Aceste sarcini (simple sau complexe) pot fi împărțite în mulți pași mai mici Dacă nu este posibil să formulați un scenariu pentru finalizarea cu succes a unui pas, atunci trebuie să încercați să creați un scenariu de eșec (sub forma mai multor întrebări), indicând criteriile și motivele acestui eșec al utilizatorului Cel mai bine este să dezvoltați două scenarii simultan - simple și complexe (dacă este posibil) Procedura de analiză critică implică examinarea fiecărei acțiuni de-a lungul căii către rezolvarea unei anumite probleme și încercarea de a veni cu o versiune plauzibilă a motivului pentru care utilizatorii așteptați au ales acea acțiune anume Aceste versiuni se bazează pe ipoteze despre cunoștințele și obiectivele de bază ale utilizatorului, pe înțelegerea acestuia a procesului de rezolvare a problemelor, care, în cele din urmă, îi permite utilizatorului să ghicească acțiunea corectă Evaluatorii analizează o versiune a fiecărui flux de lucru și sarcina asociată acestuia punând cele patru întrebări de mai jos și măsurând severitatea fiecărei probleme sau conflict care este observat În procesul de analiză mentală critică, experții pun de obicei următoarele întrebări Dacă utilizatorii încearcă să-și imagineze cel puțin un fel de efect care însoțește acțiunea? Sunt Capitolul Analiza critică mentală ipoteze cu privire la ce sarcină suportă corect activitatea în cauză (având în vedere experiența și cunoștințele utilizatorului în această etapă a interacțiunii)? Să presupunem, de exemplu, că sarcina lor este să imprime un document, dar primul lucru pe care trebuie să-l facă este să selecteze o imprimantă Știu ei că alegerea unei imprimante este responsabilitatea lor? Sunt utilizatorii capabili să observe că acțiunea potrivită este disponibilă? Aceasta se referă la vizibilitatea (vizibilitatea) și înțelegerea (înțelegerea) acțiunilor din interfață Utilizatorii văd un buton sau un element de meniu, de exemplu, ca următoarea acțiune pe care sistemul trebuie să o ia cu adevărat? Nu sunt întrebați dacă știu că acesta este butonul de care au nevoie Sunt întrebați dacă îl văd în momentul în care trebuie apăsat Un exemplu de răspuns negativ la o întrebare similară ar fi dacă telecomanda VCR are o tastatură ascunsă care nu este vizibilă pentru un utilizator nou Odată ce utilizatorii găsesc acțiunea potrivită într-o interfață, vor ști că este acțiunea potrivită pentru efectul pe care încearcă să îl reproducă Cu alte cuvinte, vor asocia acțiunea potrivită cu rezultatul care va fi atins? Utilizatorii folosesc adesea o strategie de "urmărire a etichetei" care îi determină să selecteze o acțiune a cărei etichetă se potrivește cu descrierea sarcinii Această întrebare o completează pe cea anterioară Vizibilitatea este doar o parte a problemei pentru un buton sau un element de meniu, dar știu utilizatorii că este de aceea au nevoie pentru a-și îndeplini în sfârșit sarcina? După efectuarea fiecărei acțiuni, trebuie să verificați răspunsul (feedback-ul) sistemului Înțeleg utilizatorii după ce au efectuat o anumită acțiune ce fel de răspuns au primit? Știu utilizatorii că au efectuat acțiunea corectă? (Aceste întrebări completează ciclul de interacțiune asociat cu realizarea sarcinilor și evaluarea acțiunilor corespunzătoare ale utilizatorului ) Deci, pentru ca utilizatorul să determine dacă și-a atins obiectivele, are nevoie de feedback adecvat din partea sistemului De exemplu, la rezolvarea sarcinii de tipărire a unui document, utilizatorul caută un buton sau un element de meniu Print (Prinț) - Trans Partea V Metode de evaluare a eficacității interfețelor grafice Exemplu de formular de evaluare Informațiile cheie furnizate în întrebările de mai sus pot fi folosite pentru a crea un formular personalizat care evaluează progresul fiecărui utilizator într-o sarcină Următoarea este doar o listă orientativă a elementelor care ar trebui incluse într-un astfel de formular Această listă poate fi extinsă Utilizatorul a încercat să reproducă sau să obțină un anumit efect din acțiunea pe care a efectuat-o deoarece: • face parte din misiunea sa originală; • are experiență cu sistemul; • sistemul însuși îi cere să efectueze această acțiune Utilizatorul a observat că acțiunea corectă este disponibilă: • cu ajutorul propriei experiențe; • luarea în considerare a unui obiect (de exemplu, un buton); • privire la imaginea unei acțiuni date (să zicem, într-un element de meniu) După ce utilizatorul a găsit acțiunea potrivită în interfață, știa deja că aceasta este acțiunea corectă sau adecvată pentru efectul pe care încerca să îl reproducă: • din experiența dumneavoastră trecută; • deoarece interfața oferă un indiciu sau o etichetă care asociază acțiunea cu ceea ce încerca să facă; • pentru că toate celelalte acțiuni par greșite După ce acțiunea a fost efectuată, utilizatorul a înțeles reacția (feedback-ul) pe care a primit-o: • din propria mea experiență; • recunoașterea conexiunii dintre răspunsul sistemului și ceea ce încerca el să facă Capitolul Analiza critică mentală Link-uri suplimentare Mai jos sunt link-uri către patru site-uri Web care discută și metodologia criticii mentale P Efectuarea unei explicații cognitive, Gregory Abowd www cc gatech edu/computing/classes/cs /documents/cog walk html □ Învățarea și utilizarea metodei de trecere cognitivă: o abordare de studiu de caz, Bonnie E John www acm org/sigchi/chi /EIectronic/documnts/papers/bejlbdy htm □ Tutorial cognitiv, James Horn www best com/~jthom/usability/cogmtiv htm □ Evaluarea utilizării cu explicația cognitivă, John Rieman, Mărită Franzke și David Redmiles www bui fh-hamburg de/pers/ursula schuk/eulerev/cogwalkl htm Bibliografie Adams, Debra și Andre, Jacques Noi tendințe în tipografia digitală Cambridge, Marea Britanie: Cambridge University Press, Agre, PE Proiectarea genurilor pentru noi media: Contexte sociale, economice și politice În CyberSociety (Jones, S , Ed ) Londra: Sage, Baecker, RM & Marcus, A Factori umani și tipografie pentru programe mai lizibile Toronto: Addison-Wesley, Baird, Russell N , McDonald, Duncan Pittman, Ronald K și Turnbull, Arthur T Grafica comunicării: metode, media și tehnologie: ediția a șasea Orlando, Florida: Hoit, Rhinehart și Winston, Inc , Barron, F Psihologia imaginaţiei Scientific American, , ( ), P - Bannatyne, MWM Tendințele actuale în educația tehnologică și formarea profesională în fostele republici ale Uniunii Sovietice, Columbus, OH: Centrul de informare a Universității de Stat din Ohio privind educația pentru adulți, carieră și profesională (Serviciul de reproducere a documentelor ER C nr ED , ) Bertin, J Semiologia graficii, University of Wisconsin Press, Bertin, J Grafică și prelucrare grafică a informațiilor Berlin: Walter de Gruter, Berlin, Bauermeister, Benjamin și Reinhold Van Nostrand Un manual de tipografie comparativă; Fine Prinț on Type, The Best of Fine Prinț Magazine on Type and Typography Londra: Charles Bigelow, Paul Hayden Duensing, Linnea Gentrt și Lund Humphries, Bergsland, David Imprimarea într-o lume digitală Londra, Anglia: Delmar Publishers, Inc , Bibliografie Bringhurst, Robert Elementele stilului tipografic Hartley & Marks, Brockmann, Josef Muller Sisteme de grilă în design grafic Heidem Elveția: Arthur Niggli Ltd , Brockmann, Josef Muller Pionier al designului grafic elvețian Zurich: Lars Muller, Carter, Rob , Day, Ben și Meggs, Phillip Design tipografic: formă și comunicare Van Norstrand Reinhold, Benol, D Designing digital space: An architect's guide to visual reality New York: John Wiley & Sons, Inc , Bruner, RE, Harden, L , & Heyman, B NetResults ; Cele mai bune practici pentru marketing web Indianapolis: New Riders Publishing, Barry, AMS Inteligența vizuală: percepția, imaginea și manipularea în comunicarea vizuală Albany: SUNY Press, Black, R Site-uri web care funcționează San Jose: Adobe Press, Block, N Tablouri mentale și știință cognitivă Philosophical Review, , v , pp - Bolter, JD & Grusin R Remediere: Înțelegerea noilor media Cambridge: MIT Press, Bringhurst, Ro Elementele stilului tipografic Point Roberts, WA: Hartley & Marks, Brislin, RW, Lonner, W J , Thorndike, R=M Metode de cercetare interculturală New York: John Wiley & Sons, Inc , Brockmann, JM Sisteme Grid în design grafic Heiden Elveția: Arthur Niggli Ltd, Brown, JR; Earnshaw, R Jern, M & Vince, J Visulization: Utilizarea graficii computerizate pentru a expiere date și a prezenta informații New York: John Wiley & Sons, Inc , Cârd, KS, Mackinday, JD și Shneiderman, B Lecturi în vizualizarea informațiilor: Utilizarea viziunii pentru a gândi San Franscisco: Morgan Kaufmann Publishers, Clair, Kate Tipografic: un prim pentru istorie, tehnici și artă New York, NY: John Wiley & Sons, Inc , Cole, M Psihologie culturală: O dată și viitor disciplinar? În JJ Berman (Ed ), Perspective interculturale Simpozionul Nebraska despre motivație, Lincoln, NE: University of Nebraska Press, Bibliografie Cole, M , Gay, J , Glick, J și Sharp, D Contextul cultural al învățării și gândirii New York: Basic Books, Conover, Theodore E Graphic Communications Today: Third Edition Universitatea din Nevada, Reno: West Publishing Company, Cooper, A Despre față: elementele esențiale ale designului interfeței cu utilizatorul Chicago: DG Books Worldwide, Carliner, Saul Demonstrarea eficienței și valorii produselor și serviciilor de comunicare tehnică: un proces pe patru niveluri comunicare tehnică , v ( ) Cook, Alton și Fleury, Robert Tip și culoare Rockport, Massachusetts: Rockport Publishers, Craig, James Proiectare cu Ture Publicații Watson-Guptill, Dair, Cari Design cu Touré University of Toronto Press Devall, Sandra Lentz Ghid de publicare desktop Albany, New York: Delmar, DeBono, E Gândirea laterală: Creativitatea pas cu pas New York: Harper & Row, Publishers, DeFanti, TA & Brown, M D Visualization in Scientific Computing" (capitol), Advances in Computers Voi , Academic Press, pp - , Spring, Del Galdo, EM, & Nielsen, J (Eds ) Interfețe internaționale cu utilizatorul New York: John Wiley & Sons, Inc , Ellis, W D O carte sursă de psihologie Gestalt New York: Harcourt, Brace & World, Ericcson, K A , & Simon, HA Protocol analysis: Verbal reports as data Cambridge, Massachusetts: MIT Press, Faiola, A (în presă) Un studiu pilot de vizualizare pentru hypermedia: Dezvoltarea de profiluri de utilizator interculturale pentru interfețe noi media The Journal of Educational Multimedia and Hypermedia Winter, Faiola, A (în presă) Utilizarea noilor media: se concentrează asupra curriculumului HCI la Școala de Informatică, IUPUI Interacțiuni ACM (Secțiunea Academice) - Noi viziuni ale interacțiunii om-calculator Primăvara, Faiola, A (în presă) Utilizabilitate web de bază: Design, instrumente și tehnici pentru testarea interfeței New York: John Wiley & Sons, Inc , Faiola, A (în presă) Înțelegerea gradului de utilizare pentru produse media noi: principii de proiectare și testare pentru interfețele grafice cu utilizatorul, arhitectura informațiilor și navigarea Scurte lucrări de curs Note de la Bibliografie Graphica , Internațional Conference on Graphica Engineering for Arts and Design, San Paulo Brazii^ Faiola, A (în presă) Producerea specialistului hibrid nou media: două programe academice proeminente în comunicare grafică se adresează nevoilor unei industrii în evoluție Proceedings from Graphica , Internațional Conference on Graphics Engineering for Arts and Design, San Paulo Brazii, Faiola, A Bazele noii media: Înțelegerea teoriei de proiectare a mesajelor într-o societate postinformațională a doua editie New York: John Wiley & Sons, Inc , Faiola, A (Ed) Interacțiunea om-calculator: O privire de ansamblu asupra teoriilor pentru proiectarea și utilizarea interfeței cu utilizatorul New York: John Wiley & Sons, Inc , Faiola, A Cultura și inteligența vizuală: o comparație interculturală a studenților americani și ruși în procesele de vizualizare Asociația internațională pentru buletinul de psihologie interculturală, Faiola, A Peisaje interculturale ale inteligenței vizuale: O investigație a rezolvării problemelor de vizualizare peste granițele culturale Lucrări selectate ale Conferinței Asociației Internaționale de Alfabetizare Vizuală, IVLA Primăvara, , p - Faiola, A Legătura dintre rezolvarea problemelor de vizualizare și dezvoltarea culturală Proceedings of the Automation and Information Technology in Manufacturing, Rusia, , P - Faiola, A Typography Primer, Sewickley, PA, Graphic Arts Technical Foundation Publishing, Faiola, AA studiu de comparație a studenților ruși - americani în cunoașterea vizuală Internațional Education - EJ Arhivat de Biblioteca Națională din Australia, http://www canberra edu au/education/crie/ - /ieej /studp! html#l Faiola, A Re-Designing arts graphic education: A closer lookat strategies for a New Millennium of Digital Communication and Globalization The Journal of Technology Studies, , v ( ), pp - , Faiola, A Dezvoltarea unui manager de analiză de vizualizare: Un sistem de baze de date pentru urmărirea inteligenței vizuale Proceedings of the Jubilee Conference: Mathematical Models in Social Problems, Economy, and Technical Problems Soci, Rusia, , partea a -a Faiola, A Un studiu de comparație a rezolvării problemelor de vizualizare rusă-americană Proceedings of the Jubilee Conference: Mathematical Models Bibliografie în Probleme sociale Economie, Probleme tehnice Soci, Rusia, , partea a -a Faiola, A , & DeBloois, M Proiectarea unei interfețe de afișare a ecranului bazată pe factori vizuali: Noul rol al tehnologului grafic Tehnologie educațională , V ( ), p - Faiola, A Principles and Guidelines for a Screen Display Interface monitor videodisc , V ( ), p - Ferguson, Eugene S Ochiul minții: Gândirea nonverbală în tehnologie În Știință , v , nr , p - Galitz, W O Ghidul esențial pentru proiectarea interfeței cu utilizatorul New York: John Louisey & Sons, Inc , Galluzzi, P Leonardo da Vinci: Inginer și Arhitect Montreal: Muzeul de Arte Frumoase din Montreal, , p L Gardner, H Frames of mind: Theory of multiple intelligences New York: Basic Books, Inc , Goudy, Frederic W The Alphabet, and Elements of Lettering Dorset Press (Marboro Books) Greenwald, Martin și Luttropp, John Comunicații grafice: design prin producție New York: Delmar Publishers, Inc , Gorokhov, V Iluminarea tehnologică în Rusia, Society of Philosophy & Technology, , nr ( ) Guilford, J P Natura inteligenței umane New York: McGraw-Hill, Gurak, Laura Persuasiunea și confidențialitatea în spațiul cibernetic: testele online pro pentru Lotus Marketplace și Clipper Chip New Haven: Yale University Press, Haley, Allan ALFABET New York: Watson-Guptill Publications, Haley, Allan ABC-urile lui Touré Londra, Marea Britanie: Lund Humphries, Haley, Allan Repere tipografice New York: Van Nostrand Reinhold, Hurlburt, Allen Aspect: Designul paginii tipărite Watson-Guptill L Hurlburt, Allen Grila New York: Van Nostrand Reinhold Company, Bibliografie Hackos, JoAnn și Redish, Janice Analiza utilizatorilor și sarcinilor pentru proiectarea interfeței New York: John Wiley & Sons, Inc , Hansen, RE Cinci principii pentru ghidarea practicii de dezvoltare a curriculumului: Cazul educației tehnologice a profesorilor Journal of Industrial Teacher Education, V ( ), P - Heller, S & Drennan, D Designerul digital: Ghidul artiștilor grafici pentru noile media New York: Watson-Guptill Publications, Hix, D & Hartson, H Dezvoltarea interfețelor cu utilizatorul: Asigurarea utilizabilității prin producție și proces New York: John Wiley & Sons, Inc , Hoffman, D D Inteligența vizuală: Cum creăm ceea ce vedem New York: Editura W W Norton, Horton, W Cartea cu icoane: simboluri vizuale pentru sisteme informatice și documentație New York: John Wiley & Sons, Inc , Ihde, D Filosofia tehnologiei: o introducere New York: Casa Paragon Asociația de proiectare a informațiilor, http://members magnet at/simlinger-iiid/EngIish- htinl Jacobson, Robert Introducere: De ce contează designul informațional În Jacobson, Robert (editor) proiectarea informaţiei Cambridge: MIT Press, Kostelnick, Charles și David D Roberts Proiectarea limbajului vizual: strategii pentru comunicatori profesioniști New York: Allyn & Bacon, Koenigsberger, D Renaissance Man and Creative Thinking, Atlantic Highlands, NJ: Humanities Press, Kostelnick, Charles și Roberts, David D Designing Visual Language: Strategies for Professional Communications Needham Heights, MA: Allyn și Bacon, Kowler, Eileen Mișcările ochilor și rolul lor în procesele vizuale și cognitive; Volumul Amsterdam: Elsevier, Kosslyn, S M Jmage and brain: The resolution of the imagery debate Cambridge, Mass : MIT Press, Kosslyn, S M Elemente de proiectare grafică New York: W H Freeman, Kosslyn, SM Vederea și imagistica în emisferele cerebrale: O abordare computațională Psychological Review, , v , pp - Bibliografie Kosslyn, S M O invitație la știința cognitivă, Volumul , Cogniția vizuală Cambridge, Mass: A Bradford Book/MIT Press, Larkin, JH și Simon, H A De ce o diagramă valorează (uneori) de cuvinte Cognitive Science, , v , pp - Lawson, Alexander Anatomia tipului feței Londra: Hamish Hamilton, Lem, Dcan Phillip Master grafică; a -a editie Los Angeles, CA: Dean Lem Associates, Inc , Lewis, Ioan Tipografie: Design și practică Anglia: Taplinger Publishing, Lieberman, J Ben Tipuri de fonturi și cum să le recunoașteți Sterling, Lieberman, J Ben Tip și fonturi New Rochelle, New York: The Myriad Press, Levy, M E-Volue-or-die com: Thriving in the internei age through e-commerce management Indianapolis: New Riders Publishing, Lewis, T Impactul tehnologiei asupra muncii și locurilor de muncă în industria tipografică: Implicații pentru curriculumul profesional Journal of Industrial Teacher Education, ( ), P - , Logie, RH & Denis, M Mental images in human cognition New York: Elsevier Science Publishing Co , Lumsdaine, E , Lumsdaine, M și Shelnutt, JW Rezolvarea creativă a problemelor și proiectarea inginerească New York: McGraw-Hill, Inc , Lunch PJ, & Horton, S Ghid de stil web: Principii de bază de design pentru crearea de site-uri web New Haven: Yale University Press, McLean, Ruari și Goldine Jan Tschichold, tipograf Londra: Lund Humphries, Morris, Robert A , Beny, Karl , Hargreaves, Kathryn A și Liaro-kapis, Dimitrios Cum afectează variațiile tipografice și lizibilitatea la dimensiuni mici Portland: Al șaptelea congres internațional al IS&T privind progresele în tehnologiile de imprimare fără impact, McLuhan, M Understanding media: The extensions of nuni Cambridge: MIT Press, Marcus A Design grafic pentru documente electronice și interfețe utilizator New York: ACM Press, Negroponte, N Fiind Digital New York: Alfred A Knopf, Inc , Bibliografie Norman, D A & Draper, SW Design de sistem centrat pe utilizator: noi perspective asupra interacțiunii om-calculator Hillsdale, NJ: Erlbaum , Norman, D A The Invisible Computer MIT Press, Norman, D A Lucruri care ne fac deștepți Reading, MA: Addison-Wesley, Norman, D A Psihologia lucrurilor cotidiene New York: Basic Books, Norman, DA și Draper, SW (Eds ) Design de sistem centrat pe utilizator: noi perspective asupra interacțiunii om-calculator Hillsdale, NJ: Lawrence Erlbaum Associates, Nielsen, J Designing web usability Indianapolis: New Riders Publishing, Nielson, GM, Hagen, H și Muller, H Vizualizare științifică: Privire de ansamblu, metodologii și tehnici IEEE Computer Society Press, Nielsen, J & Mack, R L (Eds ) Metode de inspecție a utilizării New York: John Wiley & Sons, Inc , Parker, Roger C Looking Good in Prince: Fourth Edition Scottsdale, Arizona: The Coridis Group, LLC , Proust, ZA Comunicații grafice: imaginea tipărită Tinley Park, Illinois: Compania Goodheart-Willcox, Inc , Pearrow, M Manual de utilizare a site-ului web Rockland, MA: Charles River Media, Pinker, S Cunoașterea vizuală: o introducere În Elsevier Sequioa (eds ), Cognition (p - ) Cambridge, MA: Departamentul de Psihologie, MIT, Postman, N Technopoly: The Surrender of Culture to Technology New York: Vintage Books, Rayner, Keith și Pollatsek, Alexander Mișcarea ochilor în lectură: o revizuire tutorial Lawrence Erlbaum Associates, Rayner, Keith și Pollatsek, Alexander Psihologia lecturii Englewood Cliffs, NJ: Prentice Hali, Romano, Frank J și Romano, Richard M The GATF Encyclopedia of Graphic Communications Pittsburgh: GATF Press, Ryder, John Cazul pentru lizibilitate Capul Bodley Bibliografie Rayner, K & Pollatsek, A Psihologia lecturii Englewood Clifis: Prentice-Hall, Rieber, L P Computers, graphics, and learning, Madison, Wisconsin: Brown & Benchmark, Robertson, D S Noua Renaștere, computerele și următorul nivel de civilizație New York: Oxford University Press, Rosenblum, L ; Earnshaw, R A ; Epsagpasgo, J ; Hagen, H ; Kaufman, A ; Klimenko, S ; Nielson, G ; Post, F și Thalmann, D Vizualizare științifică: progrese și provocări Londra; San Diego: Academic Press, Russell, P & J Deregowski, & P Kinnear Percepție și estetică În JW Berry, YH Poortinga & J Pandey (Serie Ed ) & JW Berry, PR Dasen & TS Saraswathi (Voi Ed ), Manual de psihologie interculturală: , V Procese de bază și dezvoltare umană (ed a II-a, pp - ) Boston: Allyn și Bacon Salvendy, G (Ed ) Manual de factori umani și ergonomie New York: John Wiley & Sons, Inc , Sawhney, M , & Mandal, S Go global Business [On-line, ] http://www business com/content/magazine/mdepth/ / / / Scaife, M și Rogers, Y Externai Cognition: How Do Graphical Representations Work? Internațional Journal of Human-Computer Studies, , V ( ), P - Schwoebel, R Renaissance Man and Ideas New York: St Martin's Press, , p Segall, MH, Campbell, DT și Herskovits, JJ Influența culturii asupra percepției vizuale New York: The Bobbs-Merrill Company, Inc , Sansberry, D Labyrinths: Arta scrisului și designului interactiv / Dezvoltarea conținutului pentru new media Belmont, CA: An Internațional Thomson Publishing Company, Shapiro, AL Revoluția controlului New York: A Century Foundation Book , Shneiderman, În Proiectarea interfeței cu utilizatorul: Strategii pentru interacțiunea eficientă om-calculator Reading, MA: Addison-Wesley, Shepard, R N & Cooper, L A Modele mentale Cambridge, MA, Harvaid University Press, Bibliografie Singleton, C S Art, Science, and History in the Renaissancey Balti-more: The Johns Hopkins Press, Solso, R L Cunoașterea și artele vizuale Cambridge: MIT Press, Spence, R Vizualizarea informațiilor New York: Addison-Wesley, Super, C & Harkness, S The cultural structuration of child develop-meiit În JW Berry, YH Poortinga, & J Pandey (Series Ed ) & JW Berry, PR Dasen & TS Saraswathi (Voi Ed ), Manual de psihologie interculturală: , V Procese de bază și dezvoltare umană (ed a II-a, pp - ) Boston: Allyn și Bacon Sierbert, Lori și Cropper, Mary Lucrul cu cuvinte și imagini Cincinnati, Ohio: North Lights Books, Solomon, Martin Arta TIPOGRAFII: a doua ediție revizuită și extinsă New York, NY: Art Direction Book Company, Spencer, Herbert Pionierii tipografiei moderne MIT Press, Spiekermann, Erik și Ginger, E M Stop Stealing Sheep și află cum funcționează tipul Adobe Press, sterlină Enciclopedia fețelor de turneu Anglia: Blandford Press Swann, Alan Cum să înțelegeți și să utilizați Design și Layout Cincinnati, Ohio: North Lights Books, Tinker, M și Paterson, D Influence of Type Form on Speed of Reading Jurnalul de psihologie aplicată, Tinker, Miles A Lizibilitatea prințului Ames, lowa: Lowa State University Press, Tschichold, ian Trezoreria alfabetelor și literelor Cambridge, Ma: Harvard University Press, Tschichold, ian Trezoreria alfabetelor și literelor New York: Reinhold Publishing Corporation, Tapscott, D Blueprint to the Digital Economy New York: McGraw-Hill, Tinker, MA Lizibilitatea principiului Ames: Lowa State University Press, Tufte, E Explicații vizuale: imagini și cantități, dovezi și narațiune Cheshire, CT: Graphics Press, Tufte, E Envisioning Information Cheshire, CT: Graphics Press , Bibliografie Tufte The Visual Display of Quantitative Informaticii, Graphics Press, QA T Tzeng, OCS, Nguyen, TT și Rieber, RW Comparații interculturale privind psihosomatica icoanelor și graficii Internațional Jour-nai of Psychology, , V ( ), P - Valsiner, J Psihologia dezvoltării în Uniunea Sovietică Bloomington: Indiana University Press , Vygotsky, L S Gândire și limbaj Cambridge, MA: MIT Press, Waters, DW Artă, știință și istorie în Renaștere Baltimore: The Johns Hopkins Press, , p Weinman, L Designing web graphics: How to prepare images and medias for web Indianapolis: New Rider Publishing, Inc , Wertheimer, M Gândirea productivă (Ed mărită) New York: Harper & Row, - Wicklein, RC Curriculum focus pentru educația tehnologică Journal of Technology Education, , V ( ), pp - Wurman, Richard SauL Informaticii architects Graphic Press, Wurman, Richard SauL Informaticii Anxiety: What to Do When Informaticii Doesn't Teii You What You Need to Know New York: Doubleday, Walker, John R Fundamentarea artelor grafice Tinley Park, Illinois: The Goodheart-Willcox Conipany, Inc , Wallis, Lawrence W Enciclopedia modernă a fonturilor Van Nostrand Reinhold, - Wallschaeger, Charles și Snyder Cynthia Busic Concepte și principii vizuale de bază pentru Artis, arhitecți și designeri Universitatea de Stat din Ohio: Wm C Brown Publishers, White, Jan V Design grafic pentru era electronică New York, NY: Watson-Guptill, Williams, Robin Cartea de design a non-designerului Berkeley, CA: Peachpit Press, Williams, Robin Cartea de tip non-designer Berkeley, CA: Peachpit Press, Zarchrisson, Bror Studii privind lizibilitatea textului tipărit Stockholm: Almqvist & Wiksell, Index de subiect V Corpul textului D DAM (Digital Asset Management) - managementul activelor digitale F Cu faţa la pagina spațiu de subsol M MAM (Gestionarea activelor media) - managementul activelor media Fonturi Masters multiple p PostScript, limbaj de descriere a paginii Font PostScript R imobiliare ROI - raportul de rambursare investitie s Spațiul de plată Spațiul pentru degetul mare maigins TgieType-fonturi Și UCD (Design centrat pe utilizator) , V claritatea vizuală w Site: Despre reclama Despre cazul de utilizare Index de subiect A Agat (agat) Alfabet: greacă Oh latina Despre Etruscan Analiza problemei , O rearanjare a componentelor , profilare utilizator defalcare sarcini dezvoltare de caz de utilizare prototipare , ° dinamic (în funcțiune) ° static Anatomia fontului Antiqua nou tranzitoriu vintage Art Nouveau Arhitectura informației B Produs Beta ÎN Cele mai importante înștiințări Scrisoarea vizigotă Vizibilitate rudă Claritate vizuală , , Claritatea vizuală a imaginii Elm runda unghiular G Căști: АгіаІ Art Deco Baskerville baltă Bauhaus Bodoni Bookman Brush Script G Caslon Secolul , , Cartea școlară a secolului Chcltcnham cetățean Clerestory Mănăstirea Curier Nou Didot ere Erbar-Grotesk Eurostile Franklin , Frutiger Futura Garamond , Goudy , Helvetica Korinna Lizibilitatea minion Mistral New Baskerville Optima Palatino , Parc Avcnuc Peignot Stencil Stymie G Tiffany Times New Roman Ornamentări pentru tur One Universul Cancelaria Zapf Bannikovskaya Revista Revista tăiată Despre Scoala Glagolitic Cursiva civilă Tipografie grunge Zona efectivă a ecranului Diagrama fluxului de lucru Index de subiect Proiectant de informații (arhitect) , Tirs lung (cm-liniuță) Stilul suplimentar al fontului E dreptunghi european Serif , , Dreptunghi de aur Și Ierarhie: O vizuală articole selectate Despre percepția vizuală Conducerea , La minuscul carolingian Hărțile site-ului Capital pătrat Kerning chirilic Cartea Cod Numerele coloanei Curba Bezier l Ligatura m Scrisoarea maiusculară Designer media Produs media , Spațiu pentru litere Scrisoarea merovingiană Litera minusculară Grilă modulară Critica mentală n Bara de navigare Navigare pe site-ul web principii generale Font italic Font italic Saturație Despre culori Descendenți Paginare O Vizibilitate Textul principal P Papirus Paragraf Pica , Scriere: alfabetic antiqua Greacă Demotic (egiptean) hieroglife Celtic cuneiform primitiv Scrisoare: jumătate de uncie uncial Camp: antet subsol și note de subsol Spațiu smarald Câmpuri pe pagină Chestionar post-sarcină Chestionar înainte de sarcină șablon Utilizabilitate , testare bazată pe sarcini Index de subiect Spatii: Cam la spațierea Despre interliteral , Despre interline (lider) , Vizualizarea (scanarea) informațiilor Gândește-te cu voce tare Protocolul Prototip: dinamic (funcțional) , , static (rapid) , , Profilul clientului Punctul (punctul) , R Fluxuri de lucru Tehnologia de distribuție Font pliabil Lizibilitatea , , Dimensiunea fontului Descarcare: negativ pozitiv Evaluări de severitate , Anunțuri pe site-ul web Capitală romană cursivă Piatra Rosetta Romantism Rotonda Font scris de mână Alfabetul runic Rustica CU Derulați Spatiu liber Paginile web Scanează cursivă Marcare semantică a textului Conținutul site-ului , funcții de bază caracteristici ale sistemului de control personalizare proces de control SoftUnion engleza veche Stylo Structurile site-ului web seria rețea (web) ochiuri Textura Tipografie Sistem tipometric Urmărire La Lizibilitate , , Scrisoare uncială: greacă nou vechi Gestionarea fonturilor f Formular pentru documentarea euristicii Fotosetul Fracțiunea , , în bucăți c Culoare opțiuni Culori: aditiv secundar suplimentar neutru primar adiacent cu suplimentare compus subtractiv similar O terțiar O triadă ani Index de subiect Tonul de culoare Active digitale: O definiție Despre management (DAM) h Lizibilitatea tipografică w Lăţime: Despre literele Despre difuzoare Font Art Deco decorativ Franjuri Noutate Despre Trash uh Euristică aplicabilitate Evaluare euristică eu Pătrat japonez Intensitatea culorii sdftline www softline ru Moscova, st Gubkina, d tel : ( ) - e-mail: info@softline ru pentru designeri O O paletă largă de instrumente pentru artiști și designeri De ce profesioniștii cumpără programele de care au nevoie de la SoftLine? • Preturi mici - compania lucreaza direct cu furnizorii • Posibilitatea de a obține versiuni demo și actualizări pentru diferite programe • Sni primește o oportunitate convenabilă de a alege programe din catalogul ine-direct Softi sau de pe site-ul www softhne ru Ce elemente de creativitate sunt acceptate în produsele software furnizate de SoftLine? • Lucrul cu imagini vectoriale și raster (Adobe, ACD Systems Corei, Jasc, Macromedia, Meta Geations, Miaografx, Strata, Ulead) • Selectarea fonturilor pentru imprimare (Paratype, Macromedia) • Crearea de prezentări multimedia și site-uri web (Macromedia, Sanafir, Real Netwo'ks) • Aspect și design (Adobe, Corel/Ventura, Microsoft, Quark) • Utilizarea suplimentelor și pluginurilor (ALAP, Alliance, Extensis, KPT/Corel Ma rkzware, Techno-Design) • Lucrați cu cataloage de imagini grafice (Corei Extensis Kodak, PhotoAto, PhotoDisk, StockByte) • Scanarea și procesarea imaginilor digitale (Abbyy, Adobe, Cognitive Technologies) SoftLine este libertatea de alegere Trecând la SoftLine, veți rezolva problemele cu software-ul cât mai curând posibil După ce veți primi sfatul managerilor, veți selecta toate instrumentele necesare pentru a lucra în domeniul dumneavoastră SoftLine vă va ajuta, de asemenea, să alegeți cursurile de formare M Adobe' macromedia" ♦Х'ІССЫАИ- Jasc Sof tvyare cel pentru a crea* MICRDGRAFX" Microsoft* paratip CaHJCfa-Jte/n'efityțu SCALE LUMEA CĂRȚI DE CALCULATOR CĂRȚI DESPRE TEHNOLOGIA COMPUTERICELOR, SOFTWARE-UL ȘI ELECTRONICA ALE TUTUROR EDITORILOR DE LIMBA RUSĂ Dragi CITITORI! TI S-A DESCHIS DEPARTAMENTUL "CARTE - PRIN POSTA" Comenzi acceptate: => Prin telefon: ( ) - - (Departamentul de carte - prin posta") => Prin fax: ( ) - - (departamentul "Rezervare - prin posta) => Prin poștă: , St Petersburg, PO Box => Prin e-mail: trade@bhv spb su Daca nu ai Internet - prin posta, GRATUIT, se trimite o discheta cu lista de preturi (preturile includ livrarea), adnotari si cuprins pentru carti si, bineinteles, conditii de comanda Așteptăm aplicațiile DVS Cu stimă, editura BHV-Petersburg ȘI Cartea este dedicată aspectelor teoretice ale tipografiei și proiectării paginilor pentru imprimare și sisteme Web În acesta, veți obține o imagine de ansamblu istorică a fonturilor euro-americane și rusești, veți afla despre principiile designului fonturilor și aplicarea acestora în tipărire și design web Cunoașterea caracteristicilor fonturilor și dependența aspectului paginii de aceste caracteristici, precum și efectul culorii asupra percepției textului, vă va ajuta să înțelegeți complexitățile designului O atenție deosebită este acordată asigurării clarității vizuale a pre-shi pe Web-eights Se da sfat, -ia pova a stabilit**" fonturi iѳskne ID utilizator Primar/mediu I Categoria Grafică III HHIțlWWfri'XAZ" pr Sankt Petersburg Izmailovsky pr , II * g/shoiLtyPENTRU IMPRIMARE ȘI VIZIUNEGI Tel ( ) - Fax( ) - < R J I fai^paE Font - A "•? E ' O" 